آموزش ReactJS: صفر تا قهرمان

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

React Overview React Overview

• React Overview React Overview

مقدمه ای بر React Introduction to React

• تنظیم محیط توسعه Development Environment Set-Up

• ابزارهای توسعه Development Tools

• React Project Anatomy React Project Anatomy

• React و DOM React and the DOM

React - Components و JSX React - Components and JSX

• درک کامپوننت ها در React Understanding Components in React

• JSX چیست؟ What is JSX?

• ایجاد چندین عنصر JSX از داده ها Creating Multiple JSX Elements From Data

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

Thinking in React: Component Hierarchy Thinking in React: Component Hierarchy

• تفکر در واکنش: یک مرور کلی Thinking in React: An Overview

• چگونه سلسله مراتب مؤلفه ها را شناسایی می کنید؟ How Do You Identify the Component Hierarchy?

تفکر در React: نسخه های استاتیک Thinking in React: Static Versions

• نسخه های استاتیک Static Versions

• React و Data React and Data

• Props چیست و چگونه تصویب می شود؟ What are Props and How Are They Passed?

• دریافت و استفاده از لوازم جانبی Receiving and Using Props

• لوازم پیش فرض Default Props

• انواع پایه Prop Types

تفکر در واکنش: شناسایی و افزودن ایالات Thinking in React: Identifying and Adding States

• نحوه شناسایی یک ایالت در یک برنامه How to identify a State in an application

• جایی که ایالت زندگی می کند Where State Lives

React - افزودن و به روز رسانی حالت به کامپوننت ها React - Adding and Updating State to Components

• افزودن حالت به اجزای تابع Adding State to Function Components

• به روز رسانی حالت در اجزای تابع Updating State in Function Components

• اضافه کردن حالت به اجزای کلاس Adding State to Class Components

• به روز رسانی کلاس در اجزای تابع Updating Class in Function Components

واکنش - فرم ها و رویدادها React - Forms and Events

• React Event Forms React Event Forms

• React Form Components React Form Components

• ارسال فرم Form Submission

تفکر در React: جریان داده معکوس Thinking in React: Inverse Data Flow

• جریان داده معکوس Inverse Data Flow

• جریان داده معکوس در جزئیات Inverse Data Flow in detail

React - کار با داده های خارجی React - Working with External Data

• مقدمه ای بر داده های خارجی در React Introduction to External Data in React

• بررسی اجمالی چرخه عمر مؤلفه Component Lifecycle Overview

• چرخه حیات اجزای کلاس Class Components Lifecycle

• مقدمه ای بر هوکز Introduction to Hooks

• State Hooks مورد بازبینی قرار گرفت State Hooks Revisited

• نحوه استفاده از افکت هوک How to use Effect Hooks

• ایجاد خدمات آرامش بخش ساختگی Creating Mock Restful Services

• ایجاد درخواست برای داده ها Making Requests for Data

• نحوه استفاده از آرایه وابستگی اثر How to use an Effect Dependency Array

• خطا در رسیدگی به درخواست های داده Error Handling Data Requests

• ارسال داده ها Sending Data

مسیریابی در React Routing in React

• مقدمه ای بر مسیریابی An Introduction to Routing

• نصب React Router DOM Installing the React Router DOM

• نحوه پیوند دادن کامپوننت ها How to Link Components

• اجزای روتر Router Components

• افزودن لینک ها Adding Links

• اجزای مسیر Route Components

• تعریف مسیرها Defining Routes

• مقدمه ای بر استفاده از پارامترها Introduction to Using Parameters

• اطلاعات مسیر Route Information

• ایجاد لینک های پویا Creating Dynamic Links

• نحوه ایجاد مسیرهای پارامتری How to Create Parameterized Routes

• استفاده از پارامترها Using Parameters

واکنش - مدیریت دولتی React - State Management

• مقدمه ای بر مدیریت دولتی Introduction to State Management

• متن نوشته Context

• نحوه ایجاد و ارائه زمینه How to create and provide context

• زمینه مصرف کنید Consume context

• کاهنده ها Reducers

• اقدامات در Reducers Actions in Reducers

• UseReducer Hook The useReducer Hook

• ارائه اعزام Providing Dispatch

تست در React Testing in React

• مقدمه ای بر تست React with Jest Introduction to Testing React with Jest

• نحوه تنظیم محیط تست How to set up the Test Environment

• شوخی Jest

• تست چیست و چگونه در React The What and How of testing in React

• تست لحظه ای Snapshot Testing

• تست کامپوننت ها با Props Testing Components with Props

• کامپوننت های تمسخر آمیز برای تست Mocking Components for Testing

• تست تعاملات رویدادهای ایالتی Testing State Events Interactions

• توابع تمسخر Mocking Functions

• تست کامپوننت ها به صورت ناهمزمان Testing Components Asynchronously

• تست کامپوننت ها با مسیریابی Testing Components with Routing

• تست قلاب های سفارشی Testing Custom Hooks

خلاصه درس Lesson Summary

• خلاصه درس Lesson Summary