React.js آموزش

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

مقدمه Introduction

• ایجاد رابط های کاربری مدرن با React Building modern user interfaces with React

• آنچه قبل از تماشای این دوره باید بدانید What you should know before watching this course

1. React چیست؟ 1. What Is React?

• React چیست؟ What is React?

• راه اندازی ابزارهای Chrome برای React Setting up Chrome tools for React

• راه اندازی ابزارهای توسعه دهنده Firefox برای React Setting up Firefox developer tools for React

2. مقدمه ای برای واکنش به عناصر 2. Intro to React Elements

• در حال نصب ایجاد برنامه React Installing Create React App

• ایجاد یک پروژه Generating a project

• ایجاد عناصر React Creating React elements

• بازسازی عناصر با استفاده از JSX Refactoring elements using JSX

3. اجزا را واکنش نشان دهید 3. React Components

• ایجاد م componentلفه React Creating a React component

• افزودن خواص م componentلفه Adding component properties

• کار با لیست ها Working with lists

• افزودن کلیدها به لیست موارد Adding keys to list items

• نمایش تصاویر با React Displaying images with React

• با استفاده از قطعات Using fragments

4. React State در درخت مonلفه 4. React State in the Component Tree

• رندر مشروط Conditional rendering

• از بین بردن آرایه ها و اشیا Destructuring arrays and objects

• درک استفاده از State Hook Understanding the useState Hook

• کار با useEffect Working with useEffect

• شامل استفاده از Reducer Incorporating useReducer

5. عکس العمل ناهمزمان 5. Asynchronous React

• واکشی داده ها با Hooks Fetching data with Hooks

• نمایش داده ها از یک API Displaying data from an API

• مدیریت حالات بارگیری Handling loading states

6. React Testing 6. React Testing

• استفاده از Create React App به عنوان یک بستر آزمایش Using Create React App as a testing platform

• تست عملکردهای کوچک با Jest Testing small functions with Jest

• معرفی کتابخانه آزمایش React Introducing React testing library

• تست قلاب با کتابخانه آزمایش React Testing Hooks with React testing library

7. روتر را واکنش دهید 7. React Router

• نصب React Router 6 Installing React Router 6

• پیکربندی روتر Configuring the router

• ترکیب م linkلفه پیوند Incorporating the link component

• پیوندهای تو در تو با React Router 6 Nesting links with React Router 6

نتیجه Conclusion

• مراحل بعدی Next steps