React + Redux – The beginner guide. (2023 edition)

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

Discover React, Redux Toolkit, Hooks, React router, Form validations, NPM, Deployment, and much more

1. Introduction

1. Welcome !

2. What is React

2. Setup

1.1 NodeJS.html

1.2 VS code.html

1. Code editor, NodeJS, NPM

2.1 Create react app.html

2. Create an app with create-react-app

3. Create a React app.html

4. Understanding NPM & NPX (optional)

5.1 Git branch.html

5. Project quick tour

3. Get help

1.1 Github.html

1. How to get help

4. React core concepts

1.1 Git branch.html

1. Create components

2. Components.html

3.1 Git branch.html

3. All the things you can render

4. What can you render .html

5. Render several components.html

6. Understanding imports (optional)

7. Format your code

8.1 Git branch.html

8. Props - part 1

9. Props - part 1.html

10.1 Git branch.html

10. Props - part 2

11. Props - part 2.html

12.1 Git branch.html

12. States

13. States.html

14.1 Git branch.html

14. Styling

15. Styling.html

16.1 Git branch.html

16. Callback functions

17. Callbacks.html

5. Training project - Create a difficulty picker

1. Project overview

2.1 Git branch.html

2. Picker - part 1

3.1 Git branch.html

3. Picker - part 2

4. Loops

5. Loops.html

6. map() - ES 6 function (optional)

7. Map.html

8.1 Git branch.html

8. Improve our Picker using map()

6. Application TV Show Adviser

1. Project overview

2.1 Git branch.html

2. Set up our project

3. Our project architecture

4. Bootstrap (optional)

5.1 Git branch.html

5.2 index.html

5. Layouting the app

6.1 Git branch.html

6. Data fetching - fetch popular shows

7.1 Git branch.html

7. Hook - useEffect()

8. useEffect.html

9.1 Git branch.html

9. Saving data in states - Set popular tv show

10.1 Git branch.html

10. Tv show detail component

11.1 Git branch.html

11. Rating component

12.1 Gi branch.html

12. Static images - Display the logo

13.1 Git branch.html

13. TV show list item

14.1 Git branch.html

14. Fetching recommendations

15.1 Git branch.html

15.2 Git branch.html

15. TV show list

16.1 Git branch.html

16. EventCallback - Clicking a recommendation

17.1 Git branch.html

17. Searchbar - Design part

18.1 Git branch.html

18. Searchbar - Handling keystrokes

7. Deploying a React app

1. Deploy using Vercel

2. Strict mode

8. Redux introduction - Expense tracker project

1. What is Redux and why Redux

2.1 Git branch.html

2.2 Git branch.html

2. Redux setup

3.1 Git branch.html

3. Initializing the store with values

4.1 Git branch.html

4. Redux actions

5.1 Git branch.html

5. useDispatch() - Writing in the Redux store

6.1 Git branch.html

6. useSelector() - Read the Redux store

7. Reduce - ES6 function (optional)

8.1 Git branch.html

8. Income input component

9.1 Git branch.html

9. Total component

9. React + Redux project - Note manager

1. Project overview

2. React router - Navigation

3.1 Git branch.html

3. Setup project

4.1 Git branch.html

4. Setup React router and our pages

5.1 Git branch.html

5. JSON server - Setup a fake backend

6.1 Git branch.html

6. Header component

7.1 Git branch.html

7. Storing the notes

8.1 Git branch.html

8. Text card component

9.1 Git branch.html

9. Note list container

10. Note form component explained

11.1 Git branch.html

11. Note form component structure

12.1 Git branch.html

12. Create a note

13. Form validations

14.1 Git branch.html

14. Form validation - Part 1

15.1 Git branch.html

15. Form validations - Part 2

16.1 Git branch.html

16. Acessing URL parameters

17.1 Git branch.html

17. Note detail component

18.1 Git branch.html

18. Toggle Note form component from editable to read only

19.1 Git branch.html

19. Update note

20.1 Git branch.html

20. Delete note

21.1 Git branch.html

21. Filter notes

10. Contexts

1.1 Git branch.html

1. Contexts

2.1 Git branch.html

2. Using contexts

3. Contexts or Redux

139,000 تومان

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

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

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

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