منتشر شده در ۱۳ اسفند، ۱۳۹۸

ری اکت جی اس پیشرفته - ویژه
۱- معرفی ریداکس و موب اکس

۹٣ ویدیو

توسط پارس کلیک

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

عضو ویژه ی ما در یوتیوب شوید

https://www.youtube.com/channel/UCW0ojdh94N5-bFiidIepdDg/join

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

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

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

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

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

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

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