Главная
Study mode:
on
1
: Introduction
2
: What Is React?
3
: React requirements
4
: Creating a React project
5
: Exploring a new React project
6
: Understanding how React works & the role of components
7
: Building & using a custom component
8
: Outputting dynamic values
9
: Reusing components
10
: Working with “props”
11
: Styling & working with CSS Modules
12
: Time to practice
13
: Preparing the app for “state”
14
: Listening to user events
15
: Adding & using “state” via useState
16
: Lifting state up
17
: The special “children” prop
18
: Rendering content conditionally
19
: Sharing components & more state management
20
: Adding form buttons
21
: Handling form submission
22
: Updating state based on previous state
23
: Outputting list data
24
: Connecting frontend & backend
25
: Sending a POST request
26
: Handling side effects with useEffect
27
: Handling “loading” state
28
: Understanding & adding “Routing”
29
: Adding routes with “React Router” v6+
30
: Adding layout routes
31
: Refactoring route components & more nesting
32
: Adding links & navigation
33
: Data fetching via “loader” functions
34
: Submitting data via “action” functions
35
: Adding dynamic routes
36
: Summary
Description:
Dive into a comprehensive crash course on React.js and React Router 6+, covering core concepts and advanced topics in frontend JavaScript development. Learn to create and structure React projects, build custom components, manage state with useState, handle user events, and implement conditional rendering. Explore essential features like props, CSS modules, and the useEffect hook for side effect management. Progress to more advanced concepts including lifting state, handling form submissions, and connecting to backend services. Master routing with React Router 6+, including layout routes, nested components, and dynamic routes. Gain hands-on experience through practical exercises and real-world examples, equipping you with the skills to build modern, responsive web applications using React.js.

Get Started with React.js and React Router 6

Academind
Add to list