React Deep Dive: From Beginner to Advanced

Beginner

161 Lessons

16h 40min

Certificate of Completion

This is a course on React for beginners where early learners can learn important concepts and use this React crash course to become experts in a week.

AI-POWERED

Code Feedback

Explanations

Prompt

This course includes

215 Playgrounds

23 Quizzes

148 Illustrations

This course includes

215 Playgrounds

23 Quizzes

148 Illustrations

Course Overview

The primary goal of this course is to give you an excellent introduction to React and its ecosystem, tackle advanced features, and teach you as many best practices as possible. Furthermore, this course digs deeper into the most popular, latest, and straight forward ways to use React.

TAKEAWAY SKILLS

Javascript

Front End Development

React

What You'll Learn

You will learn about both the basic and advanced topics in React.

You will learn one of React's best state management library, Redux.

You will master some of React's most complex concepts like Hooks, Routing, Internationalization, and many more.

Course Content

Introduction

Getting Started

General When Should I Use React and When Is It Best to Avoid It?

How Did React Come into Existence?Into the Deep End React Elements Tools and Setup Zero Config Setup Quiz

Introduction to ES2015+

The "New" Javascript Variable Declarations with let and const Arrow Functions New String and Array Methods Objects Classes

Spread Operator Destructuring Rest Operator Template Strings Promises Asynchronous Functions with async / await Import Syntax and JavaScript Modules Quiz

JSX – an Introduction

JSX as an Important Building Block in React Development

Expressions in JavaScript What Else You Should Know Quiz

Rendering of Elements and Components in React

Rendering of Elements The Two Types of React Components Component Composition: Multiple Components in One Dividing Components - Keeping an Overview Props - Receiving Data in a Component Pure Functions in Detail Quiz

State and Lifecycle Methods

Introduction Our First Stateful Component Changing State with this.setState()Lifecycle Methods Lifecycle Methods in Practice The Combination of state and props The Role of Lifecycle Methods in Combination with Components Quiz

Event Handling

5 Lessons

Forms

5 Lessons

Lists, Fragments, and Conditional Rendering

6 Lessons

CSS and Styling

6 Lessons

Higher Order Components

4 Lessons

Functions as a Child and Render Props

5 Lessons

Context API

6 Lessons

Refs

6 Lessons

Error Boundaries

4 Lessons

Portals

4 Lessons

Code Splitting

4 Lessons

Typechecking with PropTypes, Flow, and TypeScript

5 Lessons

React Hooks – an Introduction

6 Lessons

Hooks in Action

4 Lessons

The Hooks API

13 Lessons

Routing in React

11 Lessons

State Management

17 Lessons

Internationalization

6 Lessons

Conclusion

1 Lesson

Appendix

1 Lesson

COURSE AUTHORS

How You'll Learn

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Built-in assessments let you test your skills. Completion certificates let you show them off.

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath