• JavaScript
• Ternary Operator in React
• Object Destructuring & Spread Operators
• Arrow Functions in React
• Higher-Order Functions in React
• Map, Reduce & Filter in React
• Modularity & Import/Export in React
• Named & Default Exports
• Libraries in React
• Exploring a React Project Directory Structure
• Meet the First React Component
• React JSX
• Lists in React
• React Props
• React State
• React Advanced State
• React Impossible States
• Meet Another React Component
• React Component Instantiation
• React DOM
• React Component Definition (Advanced)
• Handler Function in JSX
• Callback Handlers in JSX
• Inline Handler in JSX
• Lifting State in React
• React Controlled Components
• Props Handling (Advanced)
• React Side-Effects
• React Custom Hooks (Advanced)
• React Fragments
• Reusable React Component
• React Component Composition
• React Asynchronous Data
• React Conditional Rendering
• Data Fetching with React
• Data Re-Fetching in React
• Memoized Handler in React
• Explicit Data Fetching with React
• Third-Party Libraries in React
• Async/Await in React
• Forms in React

5.Advanced React Topics

• What are Compound Components?
• Example: Building an Expandable Component
• Preventing Unnecessary Renders
• Handling State Change Callbacks
• Keeping Value Constant
• Building the Compound Child Components
• Manageable Styling for Reusable Components
• Custom Styling Options
• Custom Use of the Component
• What are Control Props?
• How Control Props Work
• Using the Controlled Component
• Building a Custom Hook
• Providing Default UI Elements
• What is the Props Collection Pattern?
• The Props Collection Pattern in Practice
• What is the Prop Getters Pattern?
• Additional User Props
• Handling Props with the Same Property Name
• What is the State Initialization Pattern?
• Resetting the State
• Getting Rid of Extra State Variables
• What Is the State Reducer Pattern?
• Refactoring to `useReducer`
• The User’s Application
• Implementing the State Reducer Pattern
• React Class Components
• React Class Components: State
• CSS in React
• CSS Modules in React
• SVGs in React
• Unit Testing to Integration Testing
• React Project Structure