React Deep Dive: From Beginner to Advanced
Gain insights into React from basics to advanced, explore its ecosystem, and delve into best practices and the latest straightforward methods for efficient use.
- 161 lessons across 25 modules
- 23 quizzes with instant feedback
- AI Tutor on every lesson
Before deciding to enter the life of a freelancer, I had roughly 10 years of experience under my belt — helping companies of different scales with Frontend Development. For a long time, I have identified as more of a generalist rather than a specialist. It will be hard to find a technology I have not at least tried or touched upon in my career. With the exception of JavaScript itself, I have never really thought of myself as a specialist in any field or technology. This changed drastically and suddenly when a friend of mine, who is also a developer, told me about React in 2014. Driven by my curiosity and an opportunity to use it professionally for Zalando, I delved deeper into React. After working with React on a daily basis for over 3 years I decided to write down my experiences and learnings I had during that time.
Join 3.1 million developers at
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.
Learning Roadmap
1.
Introduction
Introduction
2.
Introduction to ES2015+
Introduction to ES2015+
3.
JSX – an Introduction
JSX – an Introduction
4 Lessons
4 Lessons
4.
Rendering of Elements and Components in React
Rendering of Elements and Components in React
7 Lessons
7 Lessons
5.
State and Lifecycle Methods
State and Lifecycle Methods
8 Lessons
8 Lessons
6.
Event Handling
Event Handling
5 Lessons
5 Lessons
7.
Forms
Forms
5 Lessons
5 Lessons
8.
Lists, Fragments, and Conditional Rendering
Lists, Fragments, and Conditional Rendering
6 Lessons
6 Lessons
9.
CSS and Styling
CSS and Styling
6 Lessons
6 Lessons
10.
Higher Order Components
Higher Order Components
4 Lessons
4 Lessons
11.
Functions as a Child and Render Props
Functions as a Child and Render Props
5 Lessons
5 Lessons
12.
Context API
Context API
6 Lessons
6 Lessons
13.
Refs
Refs
6 Lessons
6 Lessons
14.
Error Boundaries
Error Boundaries
4 Lessons
4 Lessons
15.
Portals
Portals
4 Lessons
4 Lessons
16.
Code Splitting
Code Splitting
4 Lessons
4 Lessons
17.
Typechecking with PropTypes, Flow, and TypeScript
Typechecking with PropTypes, Flow, and TypeScript
5 Lessons
5 Lessons
18.
React Hooks – an Introduction
React Hooks – an Introduction
6 Lessons
6 Lessons
19.
Hooks in Action
Hooks in Action
4 Lessons
4 Lessons
20.
The Hooks API
The Hooks API
13 Lessons
13 Lessons
21.
Routing in React
Routing in React
11 Lessons
11 Lessons
22.
State Management
State Management
17 Lessons
17 Lessons
23.
Internationalization
Internationalization
6 Lessons
6 Lessons
Manuel Bieh
Manuel Bieh is a Freelance Frontend-/JavaScript Developer since 2012.
Trusted by 3.1 million developers working at companies
Anthony Walker
@_webarchitect_
Evan Dunbar
ML Engineer
Software Developer
Carlos Matias La Borde
Souvik Kundu
Front-end Developer
Vinay Krishnaiah
Software Developer
Built for 10x Developers
Free Resources
