Complete React Hooks Course 2021: A - Z ( Scratch to React )

Learn to render lists in React with map, and assign a unique key to each item to enable efficient updates; explore generating stable keys from data and common pitfalls.

Learn how to forward refs in React to access or focus nested components, build a forwarded ref input, and move focus between two inputs with the enter key for accessibility.

Demonstrate useEffect with practical examples: build a clock updating every second using useState and setInterval with cleanup, and track mouse position with a single event listener and cleanup.

Debug your React DevTools and the useDebugValue hook to label custom hooks like usePrevious, illustrated by a simple threshold example.

Learn to implement route redirects with a login gate using useState and a login/logout button. Redirect unauthenticated users to the login page, and conditionally render the user page.

Learn to use the useContext hook to share and dynamically update state across pages and deeply nested components, avoiding prop drilling by creating and wrapping a message context.

Explore useReducer, a React hook for local state management using a reducer and dispatch, and compare it to Redux for global state with useContext.

Discover how Malbecs enables global state management with hooks, as a redux-like alternative; build a simple counter using a store, observer, and use observable to increment and decrement.

Learn to write unit tests with Jest by building a simple React button, install testing libraries, render tests with React Testing Library, and explore snapshot testing with React Test Renderer.

Learn to build a React style guide with styleguidist to create a reusable component library and document live examples for seamless team collaboration.

Learn how TypeScript integrates with React, enforcing type checks and TSX files, and how to define props with interfaces or types, including optional fields, unions, and type aliases.