Introduction to React JS – Bare Bones

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

Learn JSX, Hooks, Vite setup & Grommet UI Component library

1. Introduction

1. Introduction

2. Why Learn React

3.1 Node.js Installation.html

3.2 NVM - Mac And Linux Users.html

3.3 NVM - Windows Users.html

3.4 Visual Studio Code.html

3. Installing Node.js And VS Code

2. Getting Started

1.1 unpkg React.html

1.2 unpkg React DOM.html

1. Hello World in React

2. Hello World in React - Continued

3. First React Component

4. A TODO list component

5. Create Component in a separate file

6. Passing Props to Component

7. The Problem with Current React Workflow

3. Dev Tooling And JSX

1. Creating NPM project and Installing React as dependency

2. Setting up Vite

3. Prettier Setup

4. ESLint Setup

5. ESLint npm command and some refactor

4. JSX And React in Action

1. JSX and lint setup for React

2. Fix config error with ESLint

3. New component files

4. React Strict Mode

5. TODO Input Form

1. New Input Form Field Component

2. useState Hook in Action

3. handler to update state

4. what React does to update the view when state is changed

5. We have a controlled component

6. Pass Todo item to parent

6. Working on Todo List Component

1. Where state should be kept

2. Need for Key Prop

3. Adding new Todo to the list

7. Grommet UI Component Library

1.1 Grommet UI.html

1. Configuring Grommet UI Component Library

2. Upgrade App Component to use Grommet Styling

3. Upgrade other components to use Grommet

4. Update Todo Component to use Grommet

8. Improving Todo App with features

1. Lets add completion status

2. Toggle Completion Status

3. Add Edit And Delete Action Buttons

4. Add new ID when creating Todo

5. Delete a Todo

6. Edit Button Feature part 1

7. Edit form cancel

8. Show initial Todo value in Edit Form Input Field

9. Fix Event Bubbling issue

10. Edit Todo feature

9. Todo App filter section

1. Create a Filter Component

2. Implement Filter Functionality

10. Handling API call in the Todo App

1.1 Json-server.html

1. A Mock Server

2. List Todos by reading the data from json-server

3. Handling errors and loading state

4. Create, Update and Delete Operations

11. Final Refactor

1. Lets create a new file for API call

2. Lets make use of Custom Hook

3. Final refactor

12. Conclusion

1. Thank You and Next Steps

2.1 react-todo-app-final.zip

2. Note.html

45,900 تومان

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

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

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

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