React and Redux: Learn By Building Real World Projects [13H]

Explore deleting statuses in a React app by adding a top-right X button, using relative and absolute positioning, and wiring the delete function through components to update the statuses array.

Build a BMI calculator with weight and height range sliders, update BMI in real time, and learn to bootstrap React apps using Parcel for zero-configuration bundling.

Learn to build a navigation bar and switch between pages with React Router. Use BrowserRouter, Route, and Link to define routes for home, about, and contact.

scaffold a react project with yarn, install react, react-dom, and react-router-dom. create basic infrastructure and components, configure babel rc, and prepare a simple app with a container and routing.

Automating project setup, this lecture demonstrates building a reusable React app template, installing react and react-dom, and configuring babel and bash profiles to speed future projects.

Learn how to implement multi-select with checkboxes in an inbox app, enabling bulk actions like mark read or unread, with state management and select all/none functionality.

Set up a React and Redux project to build a grocery checkout app, displaying items with names and prices on the left and a cart on the right.

Build a game detail view with React Router in a React and Redux project, wiring up game routes, detail pages, and data fields like team names and points.

Build and route a create game page in a React and Redux app, converting team data into dropdowns, dispatching a create game action, and updating the games state.