The Ultimate App Making Course! Master Many Coding Skills!

Build React ES6 class components by extending React.Component, using render and lifecycle methods, mapping data with a name mapper, and set up a webpack dev server for live reloading.

Learn how React state, a component-controlled data store, powers dynamic updates. Initialize state with a constructor, bind handlers, and use setState to trigger targeted re-renders as data flows downward.

build a reusable timer component that demonstrates state in React, using setState and setInterval, with proper this binding so each component maintains its own independent timer.

Split a timer into subcomponents and keep state in the parent to support uni directional data flow. Create timer header and timer button components that communicate via props.

Master React event handling and state management by simulating server data with mock JSON, exporting and importing data, and rendering a names list with a reusable component.

Split name handling into a separate name list component and render each name. Pass first and last names via props and assign a key for each item.

Explore how to build stateless functional components that access and style nested children with props.children, enabling flexible composition and inline styling in a single-page app.

Learn how to support direct URLs with React Router by enabling history API fallback or hash history, so refreshing or manually entering routes loads index.html and renders the correct view.

Explore implementing nested routes in React Router, using id parameters to render a name profile inside a names list, and fix pathing and imports for proper bundle loading.

Learn to navigate user profiles with React Router by linking names to /names/:id, matching ids in a names array with find, and rendering the first name from the matched profile.

Build a name profile with react router, navigate using browser history back, and conditionally render user data from mock data (name, email, city, catch phrase) with simple error handling.

Refactor your react app by extracting header and footer into separate components, organizing them in their own folders, and importing them into the layout for a cleaner, modular structure.

Build React product components by rendering a product row, mapping over products, and passing name, color, material, and price as props; set up routing to a product profile.

Reuse a product profile component on the home page, load a full profile, and generate links to /products/{id} by randomizing ids from 1 to 25 with a price.

Learn to set up a basic site layout with a pure csx css framework, build a responsive top navigation bar and product grid, and enable mobile readiness without jquery.

Learn to implement modular CSS in React with component-specific CSS modules and webpack configuration using style-loader and css-loader for locally scoped classes that avoid global conflicts.

Refine the name list styling by removing the blue background, reducing font size to 1.25, and adding a 20-pixel margin for a cleaner layout.

Continue exploring Redux store by dispatching actions with payloads such as type, name, and id; keep reducers pure while adding and removing users and checking state with getState.

Wire up button clicks to a redux-like store by dispatching increments and observe state updates, then subscribe to store changes to auto render, mirroring React.

Learn to connect a React app to redux using mapStateToProps and mapDispatchToProps. Manage a names list with a filter and update the store through dispatching actions and reducers.