Learn React 18: The Complete React Developer Course

This beginner course introduces React 18 through JSX, components, props, state, events, forms, styling, hooks, external data requests, and routing. Learners build a weather widget and a routed single-page application.

Syllabus

1.1 Introduction
2.1 Building Your First React App
2.2 Introducing Components
3.1 Setting Up Your Environment
3.2 Introducing JSX
3.3 Starting From Scratch
3.4 Using Fragments
3.5 Separating JavaScript and JSX
4.1 Passing Data With Props
4.2 Validating Props
4.3 Providing Default Prop Values
4.4 Getting Started With State
4.5 Handling DOM Events
4.6 Writing Components as Classes
4.7 Using Controlled Inputs
4.8 Lifting State and Custom Events
4.9 Using Uncontrolled Inputs
5.1 Styling With Inline Styles
5.2 Using CSS Modules
6.1 Preparing the Weather Widget
6.2 Handling Side Effects in Class Components
6.3 Using the Effects Hook in Function Components
6.4 Making Requests in Our Components
7.1 Introducing React Routing
7.2 Using Layouts and Defining Nested Routes
7.3 Using Route Parameters
7.4 Using Side Effects in Router Pages
8.1 Conclusion