REACT JS Complete 2023 with Redux, Firebase & TypeScript

سرفصل های دوره

React 2023 Edition: A Zero to Advanced Course Including Production Ready Apps With Hosting & Realtime Database

1. React Basics

1.1 jersey-shop-project.zip

1. Preparing the Workspace

2. JSX Basics

3. List Rendering with the Map Function

4. Coding Exercise Walkthrough

5. Test Your Skills with List Rendering.html

6. Conditional Rendering

7. Test Your Skills with Conditional Rendering.html

8. Components

9. Show or Hide the Order Summary

10. Props

11. Events

12. State

13. React Hooks

14. Updating State Variables

15. Test Your Skills with Events & the useState Hook.html

16. Updating the Order Details

17. The Quantity Handler

2. Styling in React

1.1 todo-list-initial.zip

1. Presentation of the To-Dos Project

2. CSS x SCSS

3. Component Styles

4. CSS Modules

5. Tips for Working with CSS Modules

3. Context API & Reducers for State Management

1.1 todo-list-context-project.zip

1. State Management on Large Scale Applications

2. Creating Dummy To-Dos and Rendering the List

3. Setting Up The Logic to Erase and Mark To-Dos as Done

4. Creating and Providing the To-Dos Context

5. Using the Context from Child Components

6. Reducers - Consolidating the State Logic

7. Using The Reducer Function

8. RECAP Reducers.html

9. Test Your Skills with Reducers.html

10. Dispatching Actions Directly from the To-Do Component

11. Moving the Context Logic into the Context Provider Component

12. Merging the Reducer Into the Context

13. The Add To-Do Modal

14. Open & Close The Modal with State

15. The Add To-Do Logic

16. Adding IDs to New Todos

17. The Filter Logic

18. Showing The Filtered Todos

19. Saving To-Dos in the LocalStorage

4. React Router

1.1 book-list-router-redux-project.zip

1. Presentation of The Book List Project

2. Getting Started with React Router

3. Adding Links with React Router

4. Dynamic Links and URL Params

5. Adding Links to Individual Books

6. Navigate to Links Programatically with useNavigate

5. State Management with Redux Toolkit

1. Redux - State Management for Large Scale Applications

2. Redux Installation and Store Setup

3. Reading from the State with the useSelector Hook

4. Calling the Reducer Functions With the useDispatch Hook

5. Avoiding Breaking Errors for Non Existing Book Ids

6. Toggle the isRead State

7. The addBook Action

8. The Notes Slice

9. Filtering Notes by the Book ID

10. Erase Notes

11. Add Notes

12. Erase All Book Notes

6. Firebase User Authentication

1.1 book-list-firebase-project.zip

1. React and Firebase - Project Introduction

2. Firebase Project Setup

3. Firebase Authentication Methods

4. Signing Up New Users

5. Handling Signup Errors

6. Signing In Existing Users

7. The Reset Password Function

8. Show the Homepage to Logged In Users

9. Persisting the Login State in the Browser Session

10. The Logout Function

11. Adding a Loader to The Login Page

7. Firebase The Firestore Database

1. Setting Up the Firestore Database

2. READ From the Firestore Database

3. Using WHERE Clauses on Firebase Queries

4. Do We Really Need Redux in This Project

5. Async Functions in Redux with createAsyncThunk

6. ExtraReducers and the Builder Object

7. UPDATE Data From The Firestore - The isRead Property

8. Toggle isRead from the Single Book Page

9. DELETE Documents from the Firestore

10. CREATE Documents in the Firestore

11. Fixing Bugs in the Add Book Flow

12. Adding Loaders for Pending Actions

13. Single Book Page Fetching Books On-Demand

14. Improving the Loading State of The Single Book Page

15. Fetch Book Notes

16. Delete Book Notes

17. Add Notes

18. Cleaning Up the Project

8. Firebase Hosting & Deploying Your React App

1. Firebase Hosting

2. Adding a Custom .com Domain to Your Firebase Project

3. Setting Up a Github Repo

4. Beginner GIT Tips

5. Setting Up the Github Integration with Firebase

6. The Importance of Branches

7. Deploying Feature Branches with Pull Requests

9. TypeScript Quick Guide

1. What is TypeScript

2. Preparing the Workspace

3. TSC The TypeScript Compiler

4. TypeScript Syntax

5. Primitives Data Types & Functions

6. Arrays

7. Objects and Type Aliases

8. Optional Properties

9. Interfaces

10. Union and Literal Types

11. Null & Undefined

12. The Any Type

13.1 ts-starter-project.zip

13. HTML Elements and Type Assertion

10. TypeScript in Practice

1.1 ts-students-initial.zip

1. Presentation of the Students Project

2. More on the Default Tsconfig Rules.html

3. Defining the Student Interface

4. Outputting Name & Age of Students

5. Writing the Logic for the Area of Focus

6. Outputting the Students Status

7.1 ts-students-final.zip

7. The Reusable Refresh Table Function

11. React & Typescript Basics

1. Creating Your First React & TypeScript Project

2. Typing State Variables

3. Typing Props

4. Sharing Types Between Components

5.1 react-ts-counter-final.zip

5. Typing Functions

12. React & TypeScript with Context & Reducers

1.1 react-typescript-quiz-game-initial.zip

1. Presentation of the Quiz App

2. Creating the Context

3. Providing the Context

4. Adding the Reducer Function to the Context

5. Adjusting the Context Type

6. Fetching Questions From the Open Trivia API

7. Making the The Question Interface with Chat GPT

8. Rendering the UI Based on the Game Status

9. Adding the The Question to the Context

10. Shuffling the Correct and Incorrect Answers

11. Decoding HTML Entities on Questions

12. Collecting the Users Answer

13. Submitting the Users Answer

14. Showing the Result to the User

15. Showing the Next Question for Infinite Gameplay

16. Adding the Score to the Context

17.1 react-typescript-quiz-game-final.zip

17. Setting the Sound and Confetti for The Correct Answer

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy