آموزش مبانی و مفاهیم اصلی React - آخرین آپدیت

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

مقدمه و منابع Introduction and Resources

• معرفی تخصص Introduction to the Specialization

• منابع (مهم) Resources (Important)

مبانی React و راه‌اندازی React Basics and Setup

• مقدمه‌ای بر React React Introduction

• راه‌اندازی محیط توسعه Environment Setup

• ایجاد پروژه با Create React App Create React App

• آنچه در پشت صحنه React می‌گذرد React Behind the Scene

• ساختار اولیه React / 005 React Boilerplate / 005

• کامپوننت‌ها: مبتنی بر کلاس و تابع / 006 Components: Class- and Function-Based / 006

• بررسی عمیق JSX / 007 JSX: In-Depth Introduction / 007

• تمرین: ساختار قالب پایه / 008 Practice: Basic Template Structure / 008

استیت‌ها و useState States and useState

• چرا به استیت‌ها نیاز داریم؟ / 009 Why We Need States? / 009

• مقدمه‌ای بر استیت: useState / 010 State Introduction: useState / 010

• استفاده از useState برای آپدیت‌های متعدد / 011 useState: Multiple Updates / 011

• استفاده از useState با مقادیر آرایه‌ای / 012 useState: Array State Value / 012

• به‌روزرسانی مقادیر آرایه‌ای در setState / 013 useState: Array setState Value / 013

• قالب‌های شرطی / 014 Conditional Templates / 014

• توصیه‌های سریع درباره هوک‌ها / 015 Quick Hook Advice / 015

کامپوننت‌ها و Props Components and Props

• کامپوننت‌های متعدد و Fragmentها / 016 Multiple Components and Fragments / 016

• بررسی عمیق Props / 017 Props: In-Depth Introduction / 017

• استفاده از Props: Children / 018 Props: Children / 018

• مفهوم Prop Drilling / 019 Prop Drilling / 019

استایل‌دهی به اپلیکیشن React Styling React Application

• استایل‌دهی در سطح جهانی (Global) Global Level Styling / 020

• استایل‌دهی در سطح کامپوننت Component Level Styling / 021

• استایل‌دهی خطی (Inline) Inline Level Styling / 022

• استایل‌دهی پویا (Dynamic) Dynamic Level Styling / 023

• استایل‌دهی در سطح ماژول Module Level Styling / 024

ورودی کاربر، رویدادها و useRef User Input, Events, and useRef

• فرم‌ها و ورودی‌ها / 025 Forms and Input / 025

• رویدادها (Events) / 026 Event / 026

• ورودی‌های کنترل‌شده / 027 Controlled Inputs / 027

• مدیریت رویداد / 028 Event / 028

• افزودن تسک جدید / 029 Add New Task / 029

• هوک useRef / 030 useRef Hook / 030

هوک‌های useEffect، useCallback و هوک‌های سفارشی useEffects, useCallback, and Custom Hooks

• کار با JSON Server / 031 JSON Server / 031

• هوک useEffect / 032 useEffect Hook / 032

• حالت StrictMode در React React StrictMode

• خروجی لیست‌ها / 035 List Output / 035

• مدیریت رویداد / 036 Event / 036

• هوک useCallback / 037 useCallback Hook / 037

• هوک سفارشی (useFetch) / 038 Custom Hook (useFetch) / 038

• وضعیت در حال بارگذاری (Loading State) / 039 Loading State / 039

• مدیریت خطاها (try/catch) / 040 Handling Errors (try/catch) / 040

• لغو درخواست Fetch / 041 Aborting Fetch Request / 041

• حلقه‌های بی‌نهایت / 042 Infinite Loops / 042