آموزش React Essential Training

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

مقدمه Introduction

• نحوه استفاده از Codespace و آنچه باید بدانید How to use Codespaces and what you should know

• ساخت رابط کاربری مدرن با React Building modern user interfaces with React

1. React Fundamentals 1. React Fundamentals

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

• React چیست؟ What is React?

• کار با VS Code Working with VS Code

• چگونه React کار می کند How React works

• آشنایی با کامپایلر React Understanding the React compiler

2. ایجاد React Elements 2. Creating React Elements

• ایجاد کامپوننت React Creating a React component

• کار با سینتکس JSX Working with JSX syntax

• افزودن خصوصیات جزء Adding component properties

• راه اندازی یک پروژه با Vite Initializing a project with Vite

• تخریب ساختار اجزاء Destructuring component properties

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

3. نوشتن React Components 3. Writing React Components

• استفاده از Fragments Using Fragments

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

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

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

4. مدیریت وضعیت در یک پروژه React 4. Handling State in a React Project

• درک قلاب useState Understanding the useState hook

• کار با قلاب useEffect Working with the useEffect hook

• وضعیت مدیریت با اجزای تو در تو Handling state with nested components

• تغییر وضعیت با یک دکمه Toggling state with a button

• مدیریت وضعیت با useReducer Managing state with useReducer

• تخریب آرایه ها Destructuring arrays

5. React Server Components 5. React Server Components

• راه حل: ایجاد مسیر Solution: Creating a route

• چالش: ایجاد مسیر Challenge: Creating a route

• با استفاده از روتر برنامه Using the App Router

• ایجاد پروژه با Next.js Creating a project with Next.js

• ساخت کامپوننت سرور Building a server component

6. Asynchronous React در Next.js 6. Asynchronous React in Next.js

• ایجاد یک جزء مشتری Creating a client component

• انتقال داده به عنوان پایه Passing data as props

• ایجاد اکشن سرور Creating a server action

• واکشی داده ها در برنامه های React Fetching data in React applications

• ساخت فرم Building a form

نتیجه گیری Conclusion

• طراحی برنامه های کاربردی با React Server Components Designing performant apps with React Server Components