React کتابخانهای برای ساختن رابط کاربری از قطعههای کوچک و قابلترکیب است. ایدهاش ساده است — رابط کاربری تابعی از حالت است — ولی تسلط بر آن یعنی بدانی حالت کجا بنشیند، اثر جانبی کِی اجرا شود و چه چیزی دوباره رندر میشود. این رودمپ از جاوااسکریپت شروع میکند و تا Server Components و معماری پروژههای بزرگ میرود.
۱۲ تا ۲۳ماه با هفتهای ۱۰ تا ۱۵ ساعت بهتر است قبلش این را رفته باشی: پایهٔ مشترک
پیشرفت تو ۰ از ۵۵ مهارت روی هر گره بزن تا بدانی چرا لازم است، چه موضوعهایی زیرش است و کدام مسیر کدنامه درسش میدهد — و وضعیتش را علامت بزن. همهچیز در مرورگر خودت میماند.
۱ پیشنیازها ۱ تا ۳ ماه · ۰ از ۶
HTML و CSS جاوااسکریپت مدرن TypeScript ابزار: npm، Vite، ESLint Git خواندن مستندات رسمی نرم ۲ هستهٔ React ۱ تا ۲ ماه · ۰ از ۶
JSX و کامپوننت Props و State رندر شرطی و فهرستها رویدادها و فرمها چرخهٔ رندر فکر کردن به سبک React ۳ هوکها، عمیق ۱ تا ۲ ماه · ۰ از ۷
useEffect useRef و DOM useContext useReducer Memoization هوک سفارشی ویژگیهای همروند ۴ استایلدهی ۱ ماه · ۰ از ۵
CSS Modules Tailwind CSS Sass CSS-in-JS کتابخانهٔ کامپوننت ۵ مسیریابی، فرم و دادهٔ سرور ۱ تا ۲ ماه · ۰ از ۶
React Router TanStack Router دریافت داده SWR یا RTK Query فرم و اعتبارسنجی GraphQL ۶ مدیریت حالت سراسری ۱ تا ۲ ماه · ۰ از ۵
اول حالت محلی Zustand Redux Toolkit ۷ تست ۱ تا ۲ ماه · ۰ از ۴
تست واحد و کامپوننت شبیهسازی شبکه ۸ کارایی و دسترسپذیری ۱ تا ۲ ماه · ۰ از ۵
پروفایل کردن تقسیم کد فهرستهای بزرگ Core Web Vitals دسترسپذیری ۹ رندر سمت سرور و اکوسیستم ۲ تا ۳ ماه · ۰ از ۵
حالتهای رندر Server Components Next.js React Router v7 / Remix React Native ۱۰ معماری و کار تیمی ۲ تا ۴ ماه · ۰ از ۶
ساختار پروژه Design system Monorepo Micro-frontends بازبینی کد نرم همکاری با طراح و محصول نرم 