آموزش ری اکت (React.js) پروژه محور

توضیحات تدریس

ری اکت (React.js) یک کتابخانه جاوااسکریپتی برای ساخت رابط کاربری(user interfaces) برای اپلیکیشن های تک صفحه ای (single page applications) هست که در سال ۲۰۱۳ توسط تیم توسعه فیسبوک ساخته شده است. بخش اصلی در React کامپوننت‌ها هستند. یک کامپوننت ترکیبی از HTML و javascript است و تمام منطق مورد نیاز برای نمایش قسمت کوچکی از یک رابط کاربری بزرگ‌ تر را در خود دارد. هر کدام از این کامپوننت‌ها می‌توانند به بخش‌های پیچیده‌تر یک اپلیکیشن اضافه شوند. همچنین React این امکان رو در اختیار ما قرار میدهد که کامپوننت‌های قابل استفاده مجدد (reusable UI components) رابط کاربری ایجاد کنیم. توی این دوره به آموزش پروژه محور react ورژن ۱۷ و ۱۸ (در ورژن ۱۸ چیزی تغییر نکرده و شما این دوره را میتوانید با ورژن ۱۸ ری اکت مشاهده کنید همچنین در بخش انتهای دوره درمورد ورژن ۱۸ صحبت کردیم) به همراه hook ها، react router و redux میپردازیم. مباحثی که در این دوره گفته میشود شامل : آشنایی با react.js react چیست ایجاد پروژه react توضیح ساختار پروژه react توضیح و ایجاد کامپوننت آشنایی با JSX معرفی jsx قوانین jsx جاوااسکریپت در jsx style در react افزودن فایل css افزودن فایل sass inline style افزودن فریمورک bootstrap افزودن react-bootstrap Event & Prop توضیح event در react توضیح prop در react کار با form input & textarea selectbox checkbox & radio آشنایی با هوک useState آشنایی با useState object و array در useState آشنایی با هوک useEffect آشنایی با useEffect اجرای useEffect بصورت شرطی و همچنین یکبار cleanup دریافت دیتا از api با useEffect آشنایی با هوک useContext context چیست آشنایی با useContext آشنایی با هوک useReducer آشنایی با useReducer useReducer + useContext آشنایی با useCallback & useMemo & React.memo و custom hook آشنایی با react-router توضیح spa (single page application) Link & NavLink useParams useLocation useHistory nested routing useRouteMatch ایجاد پروژه spa (single page application) ایجاد پروژه مدیریت Todo با useReducer و useContext آشنایی با redux action & reducer & store combineReducer redux thunk آشنایی با react-redux action & reducer & storer connect useSelector & useDispatch redux devtools redux thunk ایجاد پروژه سبد خرید با redux ری اکت ورژن ۱۸ آشنایی با ویژگی های ورژن ۱۸ suspense در ری اکت concurrent در ری اکت