Redux toolkit and React router - Build a full "CRUD APP" : Part 1
00:00 Introduction: our agenda
09:27 Course Prerequisites
10:29 Installations
14:14 Chapter 1: React Router 6.4.1
15:32 Chapter 1: recap react router 6.4.1
18:09 Chapter 1: Creating Routes and Layout
28:57 Chapter 1: Handling Router Error - part1 (page not found)
34:45 Chapter 1: React Router - Nav Link
37:12 Chapter 1: Handling Router Error - part 2 (router loader & throw new response for error page)
44:23 Chapter 2: Create a fake backend (JSON Server for API requests)
53:22 Chapter 3: Redux Toolkit
54:26 Chapter 3: Init your store and create the first slice
01:00:36 Chapter 3: Create Async Thunk to handle API
01:14:24 Chapter 3: Extract data from the selector
01:22:01 Chapter 3: Single Responsibility Principle
01:25:52 Chapter 3: HOC part 1
01:29:22 Chapter 3: Delete record
01:40:00 Chapter 3: Confirm the delete
01:42:09 Chapter 3: Insert Post
01:53:48 Chapter 3: updates in insert form
01:54:51 Chapter 3: access global state
01:59:17 Chapter 3: Handling thunk result (Unwrapping Result Actions)
02:04:53 Chapter 3: HOC part2: AUX with React Clone Element
Source Code
https://github.com/KimzCodes/redux-ro...
react playlist
• 00 Introduction to ReactJS Hooks مقدمة في...
react crash course 2022/2023
• كورس أساسيات رياكت React.js Basics (Ara...
react-router 6.4 crash course
• React Router V6+ Crash Course [arabic]
redux and redux toolkit
• React Level 2 Part 1: Redux ToolKit [Arabic]
react clone element
• React Hooks - Clone Element in Arabic [شرح...
to know more about react optimization and reevaluate
• React Level 1 - Part 3: Performance Optimi...