ReactPro

webapsolution‏

آگهی دارد

درباره این برنامه

ReactPro یک برنامه یادگیری جامع در فروشگاه Google Play است که برای علاقه مندان به React.js، از مبتدی تا کاربران پیشرفته طراحی شده است. این آموزش های گام به گام را ارائه می دهد که مفاهیم اصلی مانند کامپوننت ها، حالت ها، لوازم جانبی و قلاب ها را پوشش می دهد و به موضوعاتی مانند Context API، بهینه سازی عملکرد می رسد. رابط کاربر پسند ReactPro و دوره های ساختاریافته آن را به منبعی ایده آل برای تسلط بر React.js در حال حرکت تبدیل می کند.

در اینجا لیستی از موضوعات این آموزش React.js آمده است:

1. مقدمه ای برای React
- React چیست؟
- ویژگی های کلیدی React (کامپوننت ها، JSX، DOM مجازی)
- نصب React (ایجاد برنامه React)

2. JSX: جاوا اسکریپت XML
- نحو و استفاده از JSX
- تعبیه عبارات در JSX
- رندر JSX

3. کامپوننت ها در React
- اجزای عملکردی در مقابل کلاس
- ایجاد و رندر کامپوننت ها
- ساختار اجزا و قابلیت استفاده مجدد

4. لوازم
- انتقال داده ها به اجزا با استفاده از props
- اعتبار سنجی پایه
- وسایل پیش فرض

5. حالت و چرخه حیات
- مدیریت وضعیت مؤلفه با «useState».
- به روز رسانی وضعیت
- درک متدهای چرخه حیات (برای اجزای کلاس) و هوک ها (مانند "useEffect")

6. رسیدگی به رویدادها
- اضافه کردن شنوندگان رویداد
- مدیریت ورودی و رویدادهای کاربر
- کنترل کننده رویداد الزام آور

7. رندر شرطی
- رندر کردن عناصر به صورت مشروط
- استفاده از دستورات if/else و عملگرهای سه تایی در JSX

8. فهرست ها و کلیدها
- رندر کردن لیست ها در React
- استفاده از تابع 'map()' برای نمایش محتوای پویا
- اهمیت کلیدها در لیست های React

9. Forms در React
- اجزای کنترل شده در مقابل اجزای کنترل نشده
- رسیدگی به ورودی های فرم
- ارسال فرم و اعتبار سنجی

10. حالت بلند کردن به بالا
- به اشتراک گذاری وضعیت بین اجزا
- حالت بالا بردن تا یک جد مشترک

11. React Router
- راه اندازی React Router برای ناوبری
- تعریف مسیرها و پیوندها
- مسیرهای تو در تو و پارامترهای مسیر

12. بررسی اجمالی قلاب ها
- مقدمه ای بر قلاب های React
- قلاب های رایج: «useState»، «useEffect»، «useContext»
- قلاب های سفارشی (اختیاری)

13. Styling در React
- یک ظاهر طراحی داخلی
- شیوه نامه ها و ماژول های CSS
- کتابخانه های CSS-in-JS (به عنوان مثال، مولفه های سبک)

14. ابزارهای اساسی اشکال زدایی و توسعه دهنده
- استفاده از React Developer Tools
- اشکال زدایی خطاهای رایج

15. استقرار یک React App
- ساخت برنامه برای تولید
- گزینه های استقرار (Netlify، Vercel، GitHub Pages)

این مفاهیم اساسی را پوشش می دهد و کسی را با React شروع می کند!



موضوعات پیشرفته:
16. Context API و State Management
- درک React Context API
- استفاده از Context برای جلوگیری از حفاری پایه
- کتابخانه های زمینه در مقابل مدیریت دولتی (Redux، MobX)
- چه زمانی و چرا از کتابخانه های مدیریت دولتی استفاده کنیم

17. قلاب های پیشرفته
- نگاهی دقیق به "useReducer" برای مدیریت پیچیده حالت
- استفاده از «useMemo» و «useCallback» برای بهینه سازی عملکرد
- درک و استفاده از «useRef» برای دستکاری و تداوم DOM
- ایجاد قلاب های سفارشی برای کپسوله کردن منطق قابل استفاده مجدد

18. اجزای مرتبه بالاتر (HOC)
- درک مولفه های مرتبه بالاتر
- ایجاد HOC برای افزایش عملکرد
- از موارد و بهترین شیوه ها استفاده کنید
- مقایسه با Render Props

19. Render Props Pattern
- Render Props چیست؟
- ایجاد و استفاده از کامپوننت ها با رندر props
- زمان استفاده از رندر props در مقابل HOC

20. مرزهای خطا
- درک مرزهای خطا در React
- پیاده سازی مرزهای خطا با استفاده از «componentDidCatch».
- خطا در مدیریت بهترین شیوه ها در React

تازه‌ها

React js basic to advanced