FSD: Designing a Dynamic Front-end with React

FSD: Designing a Dynamic Front-end with React

• Lesson 01: Serving Data with JSON Server

  • 1.01 Overview of JSON

  • 1.02 Overview of JSON Server

  • 1.03 Understanding HTML Elements

  • 1.04 Setting up a JSON DB

  • 1.05 Advanced Data Handling and Configuration in JSON

• Lesson 02: React Introduction and Basic_Concepts

  • 2.01 Getting Started with React

  • 2.02 Rendering UI with JSX and Component-Based Architecture

  • 2.03 React Hooks and Lifecycle Management

  • 2.04 Handling Events in React

  • 2.05 Conditional Rendering and Best Practices

• Lesson 03: Rendering, LifeCycle, and React Hook Concepts

  • 3.01 List Rendering in React

  • 3.02 Styling in React

  • 3.03 Handling Forms in React

  • 3.04 React Component Lifecycle

  • 3.05 React Fragments and Pure Components

  • 3.06 React Hooks: useState

• Lesson 04: Routing in React

  • 4.01 Introduction to Routing

  • 4.02 Dynamic and Nested Routing

  • 4.03 Route Parameters

  • 4.04 Programmatic Navigation

  • 4.05 Route Guard

  • 4.06 404 Error Handling

  • 4.07 Route Animation

• Lesson 05: Building Scalable React Applications with Hooks

  • 5.01 Understanding Hooks in React

  • 5.02 Exploring useState Hook

  • 5.03 Introduction to the useEffect Hook

  • 5.04 Working with the useContext Hook in React

  • 5.05 Overview of useReducer Hook

  • 5.06 Custom Hooks and Its State Management

• Lesson 06: React_Context_API_and_Redux

  • 6.01 Introduction to React Context API

  • 6.02 Getting Started with Redux

  • 6.03 Data Retrieval Using Redux

  • 6.04 Introduction to Redux Toolkit

  • 6.05 Simplifying Redux Store Setup with Redux Toolkit

  • 6.06 Reducing Boilerplate with createSlice

• Lesson 07: Working with APIs, JSX, and React Libraries

  • 7.01 API Integration and Error Handling in React

  • 7.02 Modern Tools for Efficient React Development

• Lesson 08: Frontend Testing Using JEST

  • 8.01 Frontend DOM Testing Using JEST

  • 8.02 Understanding Jest Workflow

  • 8.03 Introduction to JEST-DOM

  • 8.04 Overview of DOM Testing Library

  • 8.05 Understanding React Testing Library

  • 8.06 Custom Hooks and Its State Management