حالت مطالعه
به دوره redux خوش اومدی
معرفی و مقدمه
برای مشاهده سرفصل ها کلیک کنید
ریداکس چیست؟
معرفی داکیومنت رسمی ریداکس
state چیست؟
ارتباط بین react و redux
کی (توی چه پروژه ای) از ریداکس استفاده کنیم؟
مفاهیم پایه ی ریداکس
برای مشاهده سرفصل ها کلیک کنید
سه بخش اصلی تشکیل دهنده ریداکس
store چیست؟
action چیست؟
reducer چیست؟
آشنایی با جزئیات و قوانین reducer
برای مشاهده سرفصل ها کلیک کنید
قوانین reducer ها
مفهوم predictable function
مفهوم side effect
تفاوت داده های primitive و reference
مفهوم mutable و immutable
اپدیت کردن state به صورت immutable
سخن پایانی فصل
پروژه counter با redux
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
ساخت شمارنده با js خام
نصب redux
ساخت reducer
ساخت store
ساخت action ها
dispatch کردن action
متد subscribe
مرور و جمع بندی ویدئو های قبلی
ساخت فایل actionCreators
ساخت فایل actionTypes
پروژه todo list با redux
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
توضیح ساختار html و css پروژه
ساخت action و reducer
ساخت فایل actionTypes
ساخت فایل actionCreators
کد نویسی reducer
کد نویسی کیس addTodo
کد نویسی کیس addTodo
کد نویسی کیس addTodo
تولید عنصر todo توی dom
کد نویسی کیس doTodo
کد نویسی کیس doTodo
کد نویسی کیس removeTodo
پروژه counter در ریکت با useReducer
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
ساخت شمارنده با useState
ساخت شمارنده با useState
ساخت شمارنده با useReducer
درک عمیق تر useReducer
کی باید از useReducer استفاده کنیم؟
پروژه سبد خرید (روش lifting state up)
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
مفهوم lifting state up در ریکت
مثال عملی از lifting state up
مثال عملی از lifting state up
یادآوری و توضیح مفهوم context
بازنویسی مثال عملی lifting state up با useContext
شروع پروژه سبد خرید
کدنویسی کامپوننت navbar
تکمیل کردن کامپوننت navbar
ساخت route های پروژه
کدنویسی کامپوننت ProductItem
کدنویسی کامپوننت ProductList
ادامه کدنویسی کامپوننت ProductLis
شروع کدنویسی دکمه add to cart
ادامه کدنویسی دکمه add to cart
ادامه کدنویسی دکمه add to cart
فیکس کردم باگ add to cart
ادامه فیکس کردم باگ add to cart
کدنویسی کامپوننت Cart
کدنویسی کامپوننت ProductItemInCart
ادامه کدنویسی کامپوننت ProductItemInCart
ادامه کدنویسی کامپوننت ProductItemInCart
ادامه کدنویسی کامپوننت ProductItemInCart
ادامه کدنویسی کامپوننت ProductItemInCart
ادامه کدنویسی کامپوننت ProductItemInCart
پروژه سبد خرید با context
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
ساخت context
بازنویسی کامپوننت ProductItem
بازنویسی کامپوننت ProductItemInCart
حرفه ای تر کد بزن
سخن پایانی این فصل
پروژه سبد خرید با ترکیب context و useReducer
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
ساخت reducer
بررسی action type های پروژه
پیاده سازی ADD_TO_CART
ادامه پیاده سازی ADD_TO_CART
ادامه پیاده سازی ADD_TO_CART
ادامه پیاده سازی ADD_TO_CART
تغییر در کامپوننت Cart
پیاده سازی اکشن INCREASE_IN_CART
پیاده سازی اکشن DECREASE_IN_CART
پیاده سازی اکشن REMOVE_FROM_CART
پروژه سبد خرید با پکیج react-redux
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
نصب کردن پکیج react-redux
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ساخت store و آشنایی با Provider
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
آشنایی با useSelectore و useDispatch
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ریفکتور کردن کامپوننت Navbar
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ریفکتور کردن کامپوننت ProductItem
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ریفکتور کردن کامپوننت Cart
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
re-render نشدن کامپوننت Cart ، چرا؟
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تفاوت deep copy و shallow copy
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
یه کم بیشتر در مورد deep copy بدون
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ریکفتور کردن reducer
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
سخن پایانی فصل
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه سبد خرید با redux toolkit
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ساحت store با configureStore
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
اکستنشن redux devtools
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
آشنایی با createSlice
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تکمیل کردن کد های slice
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تکمیل کردن کد های slice
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
سخن پایانی این فصل
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه dark mode
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
folder structure پروژه
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
افزودن font و css reset
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت Navbar
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت Navbar - دارک مود
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت App
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت Card
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
داینامیک کردن کامپوننت Card
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
بالاخره کی از redux استفاده کنیم؟
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
استفاده از context در پروژه
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه سایت آموزشی + بک اند واقعی
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
folder structure پروژه
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ایجاد store
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ایجاد cartSlice
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ایجاد coursesSlice
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ایجاد globalSlice
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
متد combineSlices
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ایجاد route های پروژه
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پیاده سازی Navbar
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Navbar - dark mode
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Navbar - dark mode
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
body - dark mode
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت CoursesIcons
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت Feature
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت FeatureList
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
- نظر واقعیت رو در مورد دوره بنویس ، تا بقیه با خوندن کامنت ها بهتر بتونن واسه شرکت توی دوره ها تصمیم بگیرن
قیمت :
699,000 تومان
درصد پیشرفت دوره: %90
9.6k بازدید 23 دیدگاه
میلاد بهرامی
برنامه نویس و توسعه دهنده وب
دسته: طراحی سایت
امیرحسین
استاد دوره هارو چطوری تماشا کنیم دکمه ای چیزی نیست که کلیک کنیم فیلم آموزشی بالا بیاد لطفاراهنمایی کنید
محمد
عزیز اون بالا نوشته اسپات پلیر یه سرچ بزن یوتیوب آموزشش رو ببین
hoseein( دانشجوی دوره )
استاد بهرامی یه خسته نباشید به شما من بکنم بابت انرژی که برای دوره هاتون میزارید من تا پروژه سبد خرید دوره رو پیش بردم واقعا میتونم بگم همچین دوره ای هیچ جایی پیدا نمیشه
میلاد بهرامی(مدیریت)
خیلی ممنونم از شما حسین جان ، آرزوی موفقیت دارم واستون
علی( دانشجوی دوره )
سلام استاد خسته نباشید ممنون از دوره فوق العاده ای که درست کردید .
Redux toolkit query هم اضافه میشه به دوره ؟