ری اکت (React.js) یک کتابخانه جاوااسکریپتی برای ساخت رابط کاربری(user interfaces) برای اپلیکیشن های تک صفحه ای (single page applications) هست که در سال ۲۰۱۳ توسط تیم توسعه شرکت متا (فیسبوک سابق) ساخته شده است. بخش اصلی در React.js کامپوننتها هستند. یک کامپوننت ترکیبی از HTML و javascript است و تمام منطق مورد نیاز برای نمایش قسمت کوچکی از یک رابط کاربری بزرگ تر را در خود دارد. هر کدام از این کامپوننتها میتوانند به بخشهای پیچیدهتر یک اپلیکیشن اضافه شوند. همچنین React.js این امکان رو در اختیار ما قرار میدهد که کامپوننتهای قابل استفاده مجدد (reusable UI components) رابط کاربری ایجاد کنیم. توی این دوره به آموزش پروژه محور react.js بر اساس آخرین ورژن که در حال حاضر 19 هست به همراه hook ها، react router و redux (redux toolkit) میپردازیم. که 3 پروژه توی این دوره ایجاد میشه شامل پروژه spa(single page application) و استفاده از react router ، پروژه مدیریت Todo با useRducer و useContext و همچنین پروژه سبد خرید با redux (redux toolkit)
برای آشنایی بیشتر با react.js و همچنین مشاهده پروژه ای که توی این دوره پیاده سازی میشود، حتما ویدیو معرفی که در پایین قرار گرفته را مشاهده کنید.
همچنین دوره ای نکست جی اس (next.js) و دوره ای آموزش ساخت فروشگاه اینترنتی با نکست جی اس (next.js) هم توی وبسایت قرار گرفت که نکست جی اس فریمورک، ری اکت جی اس هست و پیشنهاد میکنم حتما بعد از این دوره مشاهده کنید.
مباحثی که در این دوره گفته میشود شامل :
آشنایی با react.js
- آشنایی با react.js
- نحوه کار react.js
- ایجاد و توضیح ساختار پروژه react.js با vite.js
- آشنایی با JSX (javascript XML)
- توضیح و ایجاد کامپوننت
کار با style در react.js
- افزودن فایل css
- افزودن فایل sass
- آشنایی با inline style
- نحوه افزودن فریمورک bootstrap (بوت استرپ)
- نحوه افزودن react-bootstrap
- نحوه افزودن فریمورک tailwindcss (تیلویند سی اس اس)
آشنایی با event و props
- توضیح و نحوه کار با event ها در react.js
- آشنایی با مبحث prop در react.js
کار با المان های فرم (form) در react.js
- کار با input و textarea
- کار با select box
- کار با checkbox و radio
آشنایی با هوک useState
- آشنایی با useState
- نحوه استفاده از object و array در useState
آشنایی با هوک useEffect
- آشنایی با useEffect
- اجرای useEffect بصورت شرطی و همچنین یکبار
- آشنایی با cleanup
- دریافت دیتا از api با useEffect
آشنایی با use و کامپوننت های Suspense و ErrorBoundary
آشنایی با هوک useContext
- آشنایی با مبحث context
- آشنایی با هوک useContext
آشنایی با هوک useReducer
- آشنایی با useReducer
- ترکیب و استفاده از useReducer و useContext
آشنایی با react router
- توضیح spa (single page application)
- Link & NavLink
- useParams
- useLocation
- useHistory
- nested routing
ایجاد پروژه spa (single page application)
ایجاد پروژه مدیریت Todo با useReducer و useContext
آشنایی با redux(redux toolkit) و نحوه استفاده در react.js
ایجاد پروژه سبد خرید با redux(redux toolkit)
دوره های پیشنهادی، بعد از گذراندن این دوره :
پیش نیاز این دوره :
mohammad mohammadI
ممنون جناب شیخ بابت پاسخگوییتون در رابطه با فچ کردن اصولی دیتا فقط درخواستی که دارم اینه که یه پروژه بلاگ رو به صورت کامل بنظرم توی دوره قرار بدین تو لیست پروژه ها مثل فچ کردن دیتا به صورت اصولی توی ری اکت مثل همین چیزی که دیروز برای من پیش اومد یا ساخت بخش احراز هویت و لاگین رجیستر و انجام عملیات های ثبت و آپدیت و ویرایش و اعتبار سنجی فرم ها و.. بنظرم خیلی به نفعمون خواهد شد
علی شیخ
3 روز پیش
سلام وقت بخیر.
خواهش میکنم، درخواست باشه یک دوره پروژه محور حالا فروشگاهی با ری اکت ایجاد کنیم و توی دوره هم گفتم اگه درخواست زیاد باشه اینجور دوره ای پیاده سازی کنیم.
هر چند دوره نکست جی اس که فریمورک ری اکت هست و همچنین ساخت فروشگاه اینترنتی با نکست جی اس هم توی سایت هست.