دوره آموزشی یادگیری جامع React.js

دوره آموزشی یادگیری جامع React.js

2 ساعت 2 دقیقهمتوسط2022-05-11

مدرسین

Eve Porcello

Eve Porcello

Software Developer and Instructor

جزئیات دوره

در میان سایر کتابخانه های جاوا اسکریپت، React.js متمایز است. برای توسعه UI به اجزای قابل استفاده مجدد متکی است، نه الگوها، که به توسعه دهندگان اجازه می دهد نماهایی را در جایی که داده ها در طول زمان تغییر می کنند، ارائه دهند. برنامه های React مقیاس پذیرتر و قابل نگهداری تر هستند و توسعه دهندگان را کارآمدتر و کاربران را راضی تر می کنند. در این دوره، Eve Porcello اصول کتابخانه React را با استفاده از مدرن ترین نحو و بهترین روش ها برای ایجاد کامپوننت های React معرفی می کند. در طول راه، نحوه تنظیم ابزارهای Chrome را برای React بیاموزید. ایجاد اجزای جدید؛ با Hook های داخلی در React کار کنید. از برنامه Create React برای اجرای آزمایشات و موارد دیگر استفاده کنید. در پایان دوره، شما به ملزومات React.js مجهز می شوید و بهتر برای ساخت پروژه های مبتنی بر مرورگر خود آماده می شوید.

مهارت ها

React.jsMetaFront-End Web DevelopmentEssential TrainingWeb Development

سرفصل ها

مقدمه

  • ساخت رابط کاربری مدرن با React
  • آنچه باید قبل از تماشای این دوره بدانید

React چیست

  • React چیست
  • راه‌اندازی ابزارهای کروم برای React
  • راه‌اندازی Firefox DevTools برای React
  • کار با کد ویژوال استودیو

معرفی عناصر React

  • React را به پروژه خود اضافه کنید
  • ایجاد عناصر React
  • Refactoring عناصر با استفاده از JSX
  • گنجاندن بابل
  • کار با سینتکس JSX

React Components

  • ایجاد کامپوننت React
  • افزودن خصوصیات جزء
  • کار با لیست ها
  • افزودن کلید به موارد لیست
  • نمایش تصاویر با React
  • استفاده از قطعات

React State در درخت Component

  • ایجاد پروژه با Create React App
  • گشت و گذار در پروژه Create React App
  • تخریب آرایه‌ها و اشیا
  • درک useState Hook
  • کار با useEffect
  • درک آرایه وابستگی
  • گنجاندن useReducer

مدیریت فرم‌ها در React

  • کار با قطعات کنترل نشده
  • ایجاد عناصر فرم کنترل شده
  • ساخت هوک سفارشی
  • انتخاب یک کتابخانه فرم

واکنش ناهمزمان

  • واکشی داده‌ها با هوک
  • نمایش داده‌ها از یک API
  • رسیدگی به حالت‌های بارگذاری
  • واکشی داده‌ها با GraphQL
  • کار با رندر props

React Router

  • نصب React Router v6
  • پیکربندی روتر
  • ترکیب مولفه Link
  • پیوندهای تودرتو با React Router v6

React Testing و Deployment

  • استفاده از Create React App به عنوان یک پلتفرم تست
  • تست توابع کوچک با Jest
  • معرفی React Testing Library
  • تست رویدادها با React Testing Library
  • استقرار در Netlify

نتیجه

  • مراحل بعدی
۸۰,۰۰۰ تومان