React Mega Course – Learn React and then build 6 projects

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

Master React and Redux with RTK Query from scratch with one course. Build 6 projects and become a React developer.

1. Introduction

1. Introduction

2.1 course files.zip

2. VS Code and Chrome extensions, course files and git repos

2. React for beginners

1. 01 Create react app with Vite

2. Clean up and add bootstrap

3. JSX

4. Functions are components

5. Extracting into separate components

6. Variables, inputs and inline styling

7. Props

8. Children

9. State

10. More efficient useState

11. Returning objects and spread in state

12. Looping in jsx

13. Add Customer

14. If and else if in jsx

15. useEffect

16. Routing ( adding components )

17. Routes and Links

18. useParams and useSearchParams

19. useNavigate and NavLink

20. redux toolkit and store setup

21. counterSlice and useSelector

22. Actions and useDispatch

23. useDispatch with payload

24. productSlice

25. ProductDetails

26. extraReducers

27. Custom actions

3. Project 1 Counter

1. Project intro

2. Initial project setup

3. App jsx and bootstrap theme

4. Separate into components

5. Card refactor

6. Count state and prop

7. Reset counter

8. Reusable Button component

9. Limit counter, change subtitle and reset icon

10. Spacebar to increment

4. Project 2 Wordlytics

1. Project intro

2. Initial project setup

3. App jsx and css

4. Separate into components

5. Controlled textarea and basic validation

6. Number of characters (lifting up the state)

7. Other stats

8. class below 0 and constants

5. Project 3 TO-DO list

1. Project intro

2. Initial project setup

3. App jsx and css

4. Separate into components

5. initialItems and better organization

6. AddTask and useRef

7. handleAddItem in App

8. Handle other button events

9. Toggle checkbox

10. Delete item

11. Counter and no tasks message

12. Sorting items

13. localStorage

14. useMemo

15. Public path fix

6. Project 4 Customer-Management

1. Project intro

2. Initial project setup (customer-management)

3. CustomerList

4. store and apiSlice

5. customersApiSlice

6. Routing

7. AddCustomer component

8. Outlet

9. AddCustomer functionality

10. How RTK Query caching works

11. Toast notifications

12. EditCustomer endpoints and routing

13. EditCustomer

14. Loading and throttling

15. Delete customer

16. Styling

7. Project 5 Easy Recipes

1. Project intro

2. Create React and Express apps

3. Concurrently

4. Mongoose, models and connect to DB

5. Seed data

6. Refactor DB Connection

7. dotenv

8. Recipes route

9. API CRUD routes

10. App JSX

11. Routing

12. store and apiSlice

13. List recipes

14. AddRecipe (slice and form)

15. AddRecipe categories

16. AddRecipe functionality (no image upload)

17. Upload image

18. Image preview

19. Loader component

20. ProductDetails

21. Search 1

22. searchSlice and Filters component

23. Search 2

24. Filter by category

25. Checkbox filter 1

26. Checkbox filter 2

27. User model and register route

28. Login route

29. JWT and Logout

30. Auth middleware

31. authSlice and usersApiSlice

32. PrivateRoute

33. Login

34. Logout

35. Register

36. Adding a wysiwig

37. Add user with recipe and use HTML Parser

38. Styling

39. Display author and difficulty and more styling

40. Add all recipes

8. Project 6 Shirts & Fruit ( CMS and E-Commerce )

1. Project intro

2. React express and concurrently

3. Connect to DB (shirtsandfruit)

4. Models and seeding

5. Categories controller and get all route

6. Products CRUD routes

7. Pages CRUD routes

8. Header Footer and App Markup

9. Routing and store setup

10. Nav page links

11. Display page body

12. List categories

13. Products by category 1

14. Products by category 2

15. ProductDetails

16. User model and seed admin

17. Login form

18. Login form validation

19. Users controller and auth middleware

20. Login and Register components and slices

21. Log in and register

22. AdminHeader

23. Logout

24. AdminRoute

25. Admin Pages

26. Admin Pages Sorting 1

27. Admin Pages Sorting 2

28. Admin AddPage component

29. Admin AddPage wysiwig

30. Admin AddPage functionality

31. Admin EditPage

32. Delete page

33. Admin Products

34. AddProduct form

35. AddProduct validation

36. AddProduct image validation and preview

37. AddProduct

38. EditProduct

39. Modify seeder to create and remove gallery folders

40. MultipleImageUpload validation

41. MultipleImageUpload upload images

42. MultipleImageUpload List images

43. MultipleImageUpload Delete gallery image

44. Delete product

45. Lock down routes and clear admin cookie

46. ProductGallery

47. cartSlice and component

48. Add to cart

49. SmallCart improvement

50. Cart 1

51. Cart 2

52. Log in to checkout

53. Login and Register username focus

54. Order model and route and OrderPlaced

55. Place order

56. Profile and PrivateRoute and html parser

57. Profile 1

58. Rating

59. Rating model and routes

60. ratings slice and UserRating

61. refetch and caching recap

62. Pagination

63. AI Pagination component

64. Bug fixing

65. Adding proper data

66. Styling

139,000 تومان

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

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

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

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