React 18 / 19 Course 2025 - Learn React JS the fast way

Explains the scope rules of var, let, and const in JavaScript, showing how var uses function scope while let and const are block-scoped, and clarifies mutability with const objects.

Master arrow functions, compare to traditional functions, use one-line and multi-line forms with and without return, and apply them in a for each loop on arrays.

Learn how to use the spread operator, or three dots, to merge arrays and update React state immutably by creating new arrays rather than mutating the original.

Learn how React state manages component data and triggers automatic updates to the user interface using useState; create a movies state, update with setMovies, and see the interface rerender.

Install and use the React developer tools in Chrome to inspect components and the profiler, and observe how state and hooks drive automatic UI updates.

Learn how to pass data, events, and functions to components using props, with destructed props, and explore prop drilling and Redux as options for shared state.

Add a new filter bar with genre and rating dropdowns, manage state with useState, populate options including all genres and all ratings, and prepare UI bindings for live filtering.

Learn how to implement a multi-step filter in React: filter by genre, then by rating with a switch (all, good, ok, bad), and then by search term.

Lift the movie state from the grid to the app.js root to share data. Pass movies as props and load data from JSON with useState and useEffect.

Learn to implement a watch list by wiring state and props across app.js, the movies grid, and the watch list, with a toggle function and movie data.

Learn how template literals enable string interpolation and multi-line strings in JavaScript for React, using backticks, the ${} syntax, and variables or expressions to create dynamic text.

Create a ticket form component in React for the bug blaster app, managing title, description, and priority with useState, defaulting priority to low and providing a clear form function.

Create a ticket object from form states (title, description, priority), generate a date id, log for validation, and set up a reducer for adding, updating, and deleting tickets.

Implement the ticket reducer actions by creating initial state with a tickets array and performing add, update, and delete using immutable updates via spread, map, and filter.

Dispatch an add ticket action with the useReducer hook to update the tickets state, passing dispatch to the ticket form and handling actions in the reducer.

Learn how to delete a ticket in a React app by dispatching a delete ticket action with the ticket id, using an onClick handler and a reducer.

Learn how the React context API enables global state sharing without prop drilling. Use createContext, useContext, and providers to share information like the current user across components.

Learn how to combine context and prop drilling in React by drilling user info from the blog page to posts and comments, or selectively use context in deeper components.

Learn to manage app themes with React context. Create a theme context and a theme provider, wiring a light/dark toggle with useState and exposing theme state.

Finish the context api section in React and apply your growing ability to share global state within a React application.

Learn how to use async and await with promises to create clearer, maintainable asynchronous code. The lecture shows fetching data with await and handling errors using try/catch.