آموزش مقدماتی ری‌اکت (React Basics) - آخرین آپدیت

کامپوننت‌های ری‌اکت React Components

• مقدمه‌ای بر دوره: آموزش مقدماتی ری‌اکت Introduction to the course: React Basics

• ری‌اکت در دنیای واقعی چگونه استفاده می‌شود؟ How is React used in the real world?

• چرا ری‌اکت؟ Why React?

• مرور کلی بر React.js React.js overview

• آشنایی با کامپوننت‌های تابعی (Functional Components) Introduction to functional components

• ساخت کامپوننت‌های ری‌اکت Creating React components

• ساختار پروژه ری‌اکت The React project structure

• وارد کردن (Import) کامپوننت‌ها Importing components

• اصول کامپوننت‌ها: Props Principles of components: Props

• استفاده از Props در کامپوننت‌ها Using props in components

• آشنایی با JSX Introducing JSX

• استایل‌دهی عملی Practical styling

• عبارات JSX تعبیه‌شده Embedded JSX expressions

• تعبیه در ویژگی‌ها (Attributes) Embedding in attributes

• خلاصه فصل: کامپوننت‌های ری‌اکت Module summary: React Components

داده‌ها و وضعیت (State) Data and State

• انواع رویدادها (Events) Types of events

• مدیریت رویدادهای رایج Common event handling

• سینتکس هندلرها (Handlers) Syntax for handlers

• رویدادهای کاربر User events

• جریان داده والد به فرزند Parent-child data flow

• فرزندان و داده‌ها Children and data

• State چیست؟ What is state?

• مشاهده وضعیت (Observing State) Observing state

• هوک‌ها (Hooks) چه هستند؟ What are hooks?

• مدیریت وضعیت (State Management) Managing state

• مدیریت وضعیت در ری‌اکت React state management

• مقایسه Stateful و Stateless Stateful vs. stateless

• خلاصه فصل: داده‌ها و وضعیت Module summary: Data and state

ناوبری، به‌روزرسانی و دارایی‌ها در React.js Navigation, Updating and Assets in React.js

• انواع پایه ناوبری (Navigation) Basic types of navigation

• نوار ناوبری (Navbar) The navbar

• رندرینگ شرطی (Conditional Rendering) Conditional rendering

• به‌روزرسانی‌های شرطی در تک‌نما (Single View) Single view conditional updates

• Asset چیست و کجا قرار می‌گیرد؟ What is an asset and where does it live?

• استفاده از دارایی‌های تعبیه‌شده Using embedded assets

• صدا و ویدیو Audio and video

• ساخت یک کامپوننت صدا / ویدیو Create an audio / video component

• خلاصه فصل: ناوبری، به‌روزرسانی و دارایی‌ها در React.js Module summary: navigation, updating and assets in React.js

اولین اپلیکیشن ری‌اکت شما Your first React app

• مرور کلی دوره: آموزش مقدماتی ری‌اکت Course recap: React Basics

• پروژه عملی: ساخت اپلیکیشن ماشین حساب Exemplar: Build a calculator app

• تبریک می‌گوییم، دوره مقدمات ری‌اکت را به پایان رساندید! Congratulations, you completed React Basics!