پروژه نهایی: برنامه کارها
بخشی از دوره ری‌اکت
هر درسی که تا اینجا خواندید یک ایده را با یک مثال کوچک دور آن به شما داد. برنامه‌های واقعی این‌طور نیستند. در یک برنامهٔ واقعی، استیت و رندر شدن لیست و فرم و ماندگار شدن داده و نشانی‌ها همه باید هم‌زمان در یک کدبیس وجود داشته باشند، و بخش سخت ماجرا هیچ‌یک از این تکه‌ها به‌تنهایی نیست، بلکه تصمیم گرفتن دربارهٔ اینکه هر تکه کجا بنشیند است.
پس این درس دربارهٔ سر هم کردن همهٔ این‌ها است. یک برنامهٔ لیست کارهای کامل و کارآمد می‌سازید: آیتم اضافه کنید، تیکشان بزنید، پاکشان کنید، و لیست بعد از بارگذاری دوبارهٔ صفحه هم سر جایش باشد. یک صفحهٔ دوم هم روی /about دارد، تا یک نشانی واقعی برای رفتن به آن داشته باشید. هیچ‌چیز اینجا مفهوم تازه‌ای نیست. همه‌اش چیزهایی است که قبلاً دیده‌اید، این بار چیده‌شده همان‌طور که در نرم‌افزار واقعی چیده می‌شود. ...
می‌خواهی ری‌اکت پروژه نهایی: برنامه کارها را در یک محیط واقعی یاد بگیری؟
روی دکمه زیر بزن تا یک ماشین لینوکس با ری‌اکت آماده دریافت کنی و پروژه نهایی: برنامه کارها را به‌صورت عملی با یک مربی هوشمند که کدت را می‌شناسد تمرین کنی.
شروع این درسپروژه نهایی: برنامه کارهاچه چیزهایی یاد میگیری
- Combining state, lists, controlled inputs
- Custom hook for localStorage persistence
- Small routing setup
- Putting it together
این درس را به زبان خودت بخوان
همهٔ درسهای این دوره
17 درس- 1ری‌اکت چیست؟25 دقیقه
- 2JSX و کامپوننتها (Components)30 دقیقه
- 3پراپس (Props)30 دقیقه
- 4وضعیت (State) با useState35 دقیقه
- 5مدیریت رویدادها30 دقیقه
- 6رندر شرطی و لیستها30 دقیقه
- 7فرمها و ورودیهای کنترلشده (Controlled Inputs)35 دقیقه
- 8افکتها (Effects) با useEffect40 دقیقه
- 9دریافت داده40 دقیقه
- 10ترکیب کامپوننت (Component)35 دقیقه
- 11Context و useContext35 دقیقه
- 12useReducer35 دقیقه
- 13هوکهای سفارشی (Hooks)35 دقیقه
- 14عملکرد و مموایزیشن (Memoization)35 دقیقه
- 15مسیریابی با React Router40 دقیقه
- 16آزمایش کامپوننتهای ری‌اکت (Components)40 دقیقه
- 17پروژه نهایی: برنامه کارها60 دقیقه
دورههای دیگر را ببین
