ری اکت جی اس پیشرفته

ری اکت جی اس پیشرفته

۱- معرفی ریداکس و موب اکس

۹٣ ویدیو

برای دانلود فایل های تمرینی اول به اینجا روید و اگر نبود به گیت هاب ما روید. بعضی از درس ها فایل تمرینی ندارند.

١
۱- معرفی ریداکس و موب اکس
۱۳ اسفند، ۱۳۹۸ — ٣ سال پیش
٢
۲- مادل کردن با ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٣
۳- کار با reducers در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۴
۴- نوشتن آخرین reducers در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۵
۵- ساخت Store در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۶
۶- استفاده از فایل ها و گیت هاب
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۷
۷- نصب ریداکس و ری اکت ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۸
۸- ایندکس جی اس در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۹
۹- ساخت اکشن در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
١۰
۱۰- ساخت reducers در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
١١
۱۱- اتصال ری اکت و ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
١٢
۱۲- کانکت در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
١٣
١۵
۱۵- ریداکس جادو نیست
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
١۶
۱۶- فانکشنال کامپوننت در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
١۷
۱۷- رندر کردن شرطی در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
١۸
۱۸- نصب redux thunk در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
١۹
۱۹- ساخت اپلیکیشن جدید ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٢۰
۲۰- کامپوننت PostList در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٢١
۲۱- دیزاین بد و اشتباه در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٢٢
۲۲- استفاده از middleware و thunk در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٢٣
۲۳- قانون های reducer ها در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٢۴
۲۴- چطور state های قبلی رو تغییر ندهیم؟
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٢۵
۲۵- نشان دادن مقاله ها در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٢۶
۲۶- نشان دادن کاربر ها در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٢۷
۲۷- مشکل درخواست های تکراری در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٢۸
۲۸- تغییر mapStateToProps در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٢۹
۲۹- استفاده از memoize لودش در ریداکس
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٣٢
۳۵- کار با کامپوننت Link در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٣٣
۳۲- ساخت اپ پیشرفته در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٣۴
۳۳- ستاپ اپ برای کار با ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٣۵
۳۴- کار با react router dom در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٣۷
۳۷- شالوده ی اپ در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٣۸
۳۸- ساخت مسیر در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
٣۹
۳۹- استفاده از Google OAuth در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۴۰
۴۰- استفاده از Google APi در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۴١
۴۱- ورود و خروج با Google Auth در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۴٢
۴۲- اجرای ورود و خروج دستی در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۴٣
۴۳- بروزرسانی Auth State در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۴۴
۴۵
۴۵- نصب ریداکس و ستاپ آن در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۴۶
۴۶- اتصال Auth و Action Creator در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۴۷
۴۷- ساخت Auth Reducer در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۴۸
۴۸- موقعیت Auth با ریداکس در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۴۹
۴۹- فایل مهم types js در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش
۵۰
۵۰- گرفتن User ID در ری اکت
۲۵ آبان، ۱۳۹۹ — ٢ سال پیش

کتابخانه Redux یک کتابخانه جاوا اسکریپت متن باز همراه با یک API ساده و محدود برای مدیریت وضعیت برنامه‌ها است که معمولا همراه با کتابخانه‌های ری اکت یا انگولار برای ایجاد رابط کاربری استفاده می‌شود.

محبوبیت زبان برنامه‌ نویسی JavaScript روز به‌ روز در حال افزایش است و ابزارها و فریم ورک‌های فراوانی برای آن وجود دارند. این زبان برنامه‌ نویسی، امروزه به محبوب‌ترین زبان برنامه‌ نویسی حال حاضر دنیا تبدیل شده است و به نظر نمی‌رسد که این محبوبیت در حال کاهش باشد. از میان ابزارهای قدرتمند و جذابی که برای جاوا اسکریپت ارائه شده‌اند، یکی از جالب‌ترین آن‌ها، کتابخانه کاربردی Redux است که برای مدیریت وضعیت برنامه‌ها از آن استفاده می‌شود. ریداکس سازگاری خوبی با کتابخانه‌های محبوبی مانند React.js و Angular داشته و این موضوع عامل موفقیت آن در مدت‌ زمان کوتاه بوده است. این کتابخانه متن‌ باز بوده و دارای API قدرتمند و در عین‌حال ساده است. در این مقاله کوتاه از لیداوب، قصد داریم تا شما را با ویژگی‌ها و مزایای استفاده از ریداکس بیشتر آشنا کنیم.

redux یک الگوی الهام گرفته از معماری flux فیسبوک می‌باشد، بنابراین برای فهم redux بهتر است ابتدا flux رو به شما معرفی کنیم تا نحوه به وجود آمدن redux و تفاوت آن با flux برای شما مشخص شود.

ریداکس به برنامه‌ نویس این امکان را می‌دهد که رفتار برنامه خود را در محیط‌های مختلف بیازماید و نظارت کند. از سوی دیگر، امکان اشکال‌ زدایی در حین اجرا نیز به شکل کدهای Live و پویا در آن تعبیه شده است. معمولاً لازم است که اگر در برنامه‌های خود از React و یا Angular استفاده می‌کنید، حتماً پوشش Redux را نیز به برنامه خود بیفزایید تا کنترل بهتری روی روند اجرای کدها داشته باشید.

قابلیت دیگری که می‌توان به آن اشاره کرد، امکان مدیریت و سازمان‌دهی دقیق برنامه است که یک ویژگی بسیار عالی محسوب می‌شود. با این حال، شما می‌توانید داده‌های خود را با یک برنامه‌ریزی مشخص در طول زمان تغییر دهید و به‌ روز نمایید. علاوه بر این موارد، ریداکس بیشتر در توسعه بک اند و سمت سرور مورد استفاده قرار می‌گیرد و کتابخانه‌ای است که امکان مدیریت زیادی را در این سمت ایجاد می‌کند. شاید فکر کنید که باید برای دانلود و نصب آن زمان زیادی را اختصاص دهید، اما تمامی این مراحل تنها نیاز به حدود ۳ کیلوبایت دانلود و نصب چند ثانیه‌ای دارد.

اینکه یک کتابخانه کوچک با حجم کم و نصب آسان می‌تواند تا این حد سریع و کاربردی باشد، شاید مهم‌ترین نکته در استفاده از ریداکس محسوب شود. برای ریداکس، اسناد آموزشی فراوانی در اینترنت یافت می‌شود که چگونگی نصب و استفاده از آن را نمایش می‌دهند. همچنین، وجود نمونه کدهای آماده ریداکس، ویژگی دیگری است که باید به آن توجه نمود. کتابخانه Redux از معماری قدرتمند MVC پشتیبانی می‌کند و سازگاری کاملی با آن دارد. ریداکس را می‌توانید با برنامه‌هایی که با استفاده از جاوا اسکریپت، React و Angular نوشته‌اید، ترکیب کنید تا مدیریت داده‌های آن بسیار ساده و سریع باشد.

عضو ویژه ی ما در یوتیوب شوید
https://www.youtube.com/channel/UCW0ojdh94N5-bFiidIepdDg/join

عضو ویژه ی ما در سایت پارس کلیک شوید
https://parsclick.net/settings#/subscription

سوالاتتان را در انجمن وب سایت پارس کلیک مطرح کنید.

https://parsclick.net/thread