Learn React

React را با نوشتن آن یاد بگیرید. این آموزش React JS شما را از اولین خط JSX تا قلاب‌ها، مدیریت حالت و برنامه‌های کامل می‌برد و هر کامپوننتی که می‌نویسید، مستقیماً روی گوشی شما به صورت پیش‌نمایش زنده رندر می‌شود.

۸۸ دوره و ۳۲۴ درس تعاملی، سطوح A1 تا C1. یک مفهوم کوتاه بخوانید، کد واقعی تایپ کنید، روی Run ضربه بزنید و نتیجه را ببینید. بدون نیاز به لپ‌تاپ و بدون نیاز به راه‌اندازی.

نوشتن کد روی گوشی

• یک ویرایشگر کد ساخته شده برای JSX، با پیش‌نمایش زنده که کامپوننت شما را درون برنامه رندر می‌کند

• زمان اجرا (ReactDOM و Babel) در برنامه گنجانده شده است، بنابراین کد شما روی دستگاه اجرا می‌شود، نه روی سرور

• پروژه‌های چند فایلی: یک کامپوننت را به کامپوننت دیگر وارد کنید، همانطور که برنامه‌های واقعی ساخته می‌شوند

• دکمه رندر شده خود را لمس کنید، در فرم خود تایپ کنید و پاسخ رابط کاربری را تماشا کنید

آزمایشگاه

• آزمایشگاه قلاب‌ها: هر تغییر حالت و هر رندر مجدد را همانطور که اتفاق می‌افتد ببینید

• دستگیره‌های Props: یک prop را با یک اسلایدر تغییر دهید و به‌روزرسانی کامپوننت را تماشا کنید

• جدول زمانی رندر و وضعیت رندر (حرفه‌ای): بفهمید کدام کامپوننت رندر مجدد شده و چرا، سپس به حالت خود برگردید

گام به گام، از مبتدی تا پیشرفته

• اصول اولیه: JSX، کامپوننت‌ها، props، وضعیت، رویدادها، لیست‌ها و کلیدها، رندر شرطی

• قلاب‌ها: useState، useEffect، useRef، useReducer، قلاب‌های سفارشی useLayoutEffect و موارد دیگر

• فرم‌ها و اعتبارسنجی، React Hook Form، ورودی‌های کنترل‌شده و کنترل‌نشده

• مدیریت حالت: Context، Redux Toolkit و RTK Query، Zustand و Jotai

• React Router، واکشی داده‌ها، TanStack Query، SWR و رابط کاربری خوش‌بینانه

• TypeScript، تست، Storybook، دسترسی‌پذیری و امنیت

• عملکرد: memoization، تقسیم کد، Suspense، transitions، لیست‌های مجازی

• React 19 و کامپوننت‌های سرور، SSR و hydration، streaming

• Next.js App Router، واکشی داده‌ها و احراز هویت

• اصول React Native برای توسعه‌دهندگان وب

• استقرار، micro-frontends و فدراسیون ماژول

ساخت پروژه‌های واقعی

۲۰ پروژه هدایت‌شده، گام‌های کوچک در هر زمان: یک دکمه لایک، کارت‌های پروفایل، یک ماشین حساب انعام، یک بازی مسابقه، یک کرونومتر، یک فرم ثبت نام، یک سبد خرید، یک چرخ فلک تصویر، یک لیست صفحه‌بندی شده، یک برنامه todo و موارد دیگر. هر مرحله بررسی می‌کند که کامپوننت شما واقعاً قبل از ادامه کار می‌کند یا خیر.

تمرین تا زمانی که به نتیجه برسد

• 30 ماموریت کدنویسی (آسان، متوسط ​​و سخت) در مورد قلاب‌ها، رندر، فرم‌ها، زمینه و عملکرد

• تطبیق رابط کاربری: بازسازی یک کامپوننت هدف و کسب امتیاز برای ساختار، سبک و متن

• شکار اشکال: یافتن و رفع اشکال در یک کامپوننت خراب

• یادآوری کامپوننت: قطعه گمشده را با تکرار فاصله‌دار، دوباره در کدی که قبلاً کار کرده‌اید تایپ کنید

• آزمون‌هایی با 50 سوال، 50 سوال مصاحبه و یک برگه تقلب

• چالش روزانه، رگه‌ها، XP و جدول امتیازات

مربی هوش مصنوعی (حرفه‌ای)

در یک قلاب یا خطا گیر کرده‌اید؟ از مربی هوش مصنوعی توضیح واضح بخواهید، اجازه دهید هوش مصنوعی کد شما را بررسی کند و یک راه حل پیشنهاد دهد، یا یک درس سفارشی در مورد هر موضوعی ایجاد کند.

گواهینامه (حرفه‌ای)

امتحان نهایی را قبول شوید و یک گواهینامه کسب کنید که می‌توانید به اشتراک بگذارید.

مناسب برای چه کسانی است؟

• مبتدیانی که کمی HTML، CSS یا جاوا اسکریپت می‌دانند

• توسعه‌دهندگانی که از فریم‌ورک دیگری آمده‌اند و نیاز به تغییر سریع دارند

• هر کسی که برای مصاحبه توسعه‌دهنده frontend آماده می‌شود

• کدنویسان خودآموخته که مجموعه‌ای از پروژه‌ها را می‌سازند

رایگان و حرفه‌ای

رایگان: دوره اول، یک پروژه هدایت‌شده، ۲ ماموریت کدنویسی، ویرایشگر کد با پیش‌نمایش زنده، آزمایشگاه Hooks، دستگیره‌های props، شکار باگ و ۳ بررسی تطبیق رابط کاربری در روز. نسخه رایگان تبلیغات را نشان می‌دهد.

حرفه‌ای: همه ۸۸ دوره، همه پروژه‌ها و ماموریت‌ها، مربی هوش مصنوعی، پروفایل رندر و جدول زمانی حالت، آزمون گواهینامه و بدون تبلیغات.

این برنامه به ۲۲ زبان موجود است.

React علامت تجاری Meta Platforms, Inc. است. Next.js علامت تجاری Vercel, Inc. است. این یک برنامه یادگیری مستقل است که به Meta یا Vercel وابسته یا تأیید نشده است.

سیاست حفظ حریم خصوصی: https://www.coddykit.com/terms/privacy-policy