All You Need to Know React with Practical Project

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

Learn React by building real-world applications with React, React hooks & integrating RESTful APIs

1. Introduction

1. Course Overview

2. What is React

3. What is Virtual DOM

4. Install Nodejs on Windows OS

5. Install Nodejs on Mac OS

6. Install Nodejs on Linux OS

7. Setup a React Project

2. JSX Element and Rendering JSX Element

1. What is JSX Element

2. JSX More Detail

3. Rendering JSX Element

3. Component and Props

1. What is Component

2. What is Props

3. Export and Import Component

4. Root Component

5. Children Property

6. Class Based Component

4. State and Life Cycle Method

1. What is State

2. More About State

3. Component Did Mount

4. Update State

5. Component will Unmount

6. State in Functional Component

7. Event Handler

8. Passing Parameter to Event Handler

5. Conditional Rendering List and Key

1. What is Conditional Rendering

2. Conditional Rendering More Detail

3. List

4. List Key Props

5. Counter App

6. React Form

1. Controlled Form vs Uncontrolled Form

2. Input Element

3. Textarea Input Element

4. Select Element

5. Checkbox Input Element

6. Radio Input Element

7. Submit Input

8. Registration Form

7. Higher Order Component

1. What is Higher Order Component

2. How to Create Higher Order Component

3. How to Use Higher Order Component

8. Render Props Pattern

1. What is Render Props

2. Render Props Example

3. Render Props Variation

9. Context API

1. Props Drilling

2. What is Context API

3. Create Custom Context

4. How to Use Context

5. Built in Context

6. useContext Hook

10. React Hook

1. React Hook Introduction

2. What is useEffect Hook

3. Timer Example

4. Cleanup Function

5. Fetch Data from API Request

6. React Memo and useCallback Hook

7. useMemo Hook

8. useRef Hook

9. useReducer Hook

10. Complex Counter

11. Fetch Post List Example

12. Fetch Post List by useReducer Hook

13. Custom Hook

11. React CSS

1. React Stylesheet

2. CSS Style in Html

3. Inline CSS

4. CSS Module

5. Dynamic CSS

12. React Router

1. What is React Router

2. Route Configuring

3. Nav Link

4. Active Link

5. Navigate Programmatically

6. Not Found Route

7. Dynamic Route

8. Url Params

9. Search Params

10. Nested Route

11. Relative Link

12.1 myapp.zip

12. Source Code

13. React Blog Project

1. Project Requirement Analysis

2. Initiating Nodejs Project

3. MongoDB Install on Windows OS

4. MongoDB Install on Mac OS

5. MongoDB Install on Linux OS

6. Add MongoDB Database Reference to Nodejs Project

7. Setup Email Credentials

8. Aws S3 Bucket Setup

9. Install Postman Software

10. Start Server

11. Initiating React App

12. Project Layout and Routing

13.1 React Blog Project Html Template Source Code.zip

13. Signup Form

14. Signup Form Validation

15. Signup API Integration

16. Signup Functionality Testing

17. Base Url

18. Toast Message

19. Signin API Integration

20. Store Information to Local Storage

21. Auth Context

22. Logout Functionality

23. Category Module All Pages

24. Add Category

25. Add Token to Request Headers

26. Category List

27. Category List Pagination

28. Search Category

29. Update Category

30. Delete Confirmation Modal

31. Delete Category

32. Post Module All Pages

33. Add New Post

34. Upload File

35. Post List

36. Post Detail

37. Post Update

38. Post Delete

39. Home Page

40. Update Profile

41. Change Password

42. Verify User

43. Multi User Role

44. Recover Password

45.1 Github Repository Link.txt

45. Wrapup

14. What Next

1. What Next

45,900 تومان

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

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

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

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