The Ultimate React Course
From https://www.udemy.com/course/the-ultimate-react-course/
Chapter 3: First Look
Chapter 5: Components, Props and JSX
- Rendering the Root Component in Strict Mode
- Components as building blocks
- Creating and reusing a component
- What is JSX?
- Separation of Concerns
- Styling React Applications
- Passing and receiving props
- Props, Immutability and One-Way Data Flow
- JSX Rules
- Rendering Lists
- Conditional rendering
- Extracting JSX into a new component
- Destructuring Props
- React Fragments
- Setting classes and text conditionally
Chapter 6: State, Events and Forms: Interactive Components
Chapter 7: Thinking React: State Management
Chapter 10: Thinking in React: Components, Composition and Reusability
Chapter 11: How React works behind the scenes
Chapter 12: Effects and Data Fetching
- Component Lifecycle
- How NOT to fetch data
- useEffect to the Rescue
- A first look at effects
- Using the async function
- Adding a loading state
- Handling errors
- The useEffect Dependency Array
- Changing the page title
- The useEffect Cleanup Function
- Cleaning up fetching data
- One More Effect: Listening to a keypress
Chapter 13: Custom Hooks, Refs and More State
- React Hooks and their rules
- More Details on useState
- Initializing State With a Callback (Lazy Initial State)
- Summary useState
- How NOT to select a DOM elements in React
- Introducing another hook: useRef
- Select DOM elements via Ref
- Refs to persist data between renders
- What are custom hooks? When to create one?
Chapter 16: The Advanced useReducer Hook
Chapter 17: React Router - Building Single-Page Applications (SPA)
- Create React App using Vite
- Routing and Single Page Applications
- Implementing main pages and routes
- Link between routes with <Link /> and <NavLink />
- Styling Options for React Applications
- Using CSS modules
- Nested Routes
- Index Route
- Storing state in the URL
- Navigate using useNavigate
- Redirect using the Navigate component
Chapter 18: Advanced State Management: The Context API
- What is the Context API?
- Creating and providing a context
- Consuming the context
- Advanced Pattern: A Custom Provider and Hook
- Thinking in React: Advanced State Management
- Creating a CitiesContext
- Consuming the CitiesContext
- Finish the city view
- Include a map using the Leaflet library
- Fetching city data in the form