دوره آموزشی یادگیری جامع ری‌اکت

دوره آموزشی یادگیری جامع ری‌اکت

1 ساعت 46 دقیقهمبتدی2024-10-04

مدرسین

Eve Porcello

Eve Porcello

Software Developer and Instructor

جزئیات دوره

در این دوره، اووه پورچلو، توسعه‌دهنده نرم‌افزار و مدرس، تکنیک‌های جدید برای ساخت یک برنامه React از ابتدا را توضیح می‌دهد. یاد بگیرید چگونه المان‌ها را ایجاد کنید، کامپوننت‌ها را بنویسید و از هوک‌های React استفاده کنید. با کتابخانه‌هایی مانند Next و Vite آشنا شوید و تفاوت‌های بین کامپوننت‌های سرور React و کامپوننت‌های کلاینت را کشف کنید. نحوه استفاده از ابزارها، تکنیک‌ها و الگوهای جدیدی که به شما کمک می‌کنند تا برنامه‌ها را مقاوم‌تر، مقیاس‌پذیرتر و با کارایی بالاتر بسازید، خواهید آموخت. پس از تماشای این دوره، شما قادر خواهید بود پروژه خود را از ابتدا شروع کنید و همچنین می‌توانید وارد یک پایگاه کد React موجود شوید و تاثیرگذار باشید.

اهداف یادگیری:
یادگیری نحوه ساخت برنامه‌های React از ابتدا.
آشنایی با ایجاد المان‌ها و نوشتن کامپوننت‌ها در React.
استفاده از هوک‌های React برای مدیریت وضعیت و تعاملات.
شناخت تفاوت‌های بین کامپوننت‌های سرور و کلاینت در React.
آشنایی با کتابخانه‌های مدرن مانند Next و Vite برای ساخت برنامه‌های مقیاس‌پذیر.
یادگیری نحوه استفاده از تکنیک‌ها و الگوهای جدید برای ساخت برنامه‌های مقیاس‌پذیر و کارآمد.
توانایی شروع پروژه جدید در React یا تاثیرگذاری بر روی پایگاه کد React موجود.

مهارت ها

React.jsMetaWeb Development ToolsFront-End Web DevelopmentWeb DevelopmentOne-Off

سرفصل ها

مقدمه

  • ساخت رابط کاربری مدرن با React
  • نحوه استفاده از Codespace‌ها و آنچه باید بدانید

React Fundamentals

  • React چیست
  • واکنش چگونه کار می‌کند
  • درک کامپایلر React
  • راه‌اندازی ابزارهای کروم برای React
  • کار با VS Code

ایجاد React Elements

  • راه‌اندازی یک پروژه با Vite
  • ایجاد عناصر React
  • کار با سینتکس JSX
  • ایجاد کامپوننت React
  • افزودن خصوصیات جزء
  • تخریب ساختار اجزا

نوشتن React Components

  • کار با لیست ها
  • افزودن کلید به موارد لیست
  • نمایش تصاویر با React
  • استفاده از Fragments

مدیریت وضعیت در یک پروژه React

  • تخریب آرایه ها
  • درک useState hook
  • تغییر حالت با یک دکمه
  • حالت رسیدگی با اجزای تو در تو
  • مدیریت حالت با useReducer
  • کار با قلاب useEffect

React Server Components

  • ایجاد پروژه با Next.js
  • استفاده از App Router
  • ساخت کامپوننت سرور
  • چالش - ایجاد مسیر
  • راه حل - ایجاد مسیر

Asynchronous React در Next.js

  • واکشی داده‌ها در برنامه‌های React
  • انتقال داده‌ها به عنوان props
  • ایجاد کامپوننت کلاینت
  • ساخت فرم
  • ایجاد اکشن سرور

نتیجه گیری

  • طراحی برنامه‌های کاربردی با React Server Components
۴۰,۰۰۰ تومان