۹ ماه پیش ساخته شده ٢ هفته پیش بروز شده ١۸۸ بار تماشا شده
ری اکت جی اس

ری اکت پیشرفته
۳۲- ساخت اپ پیشرفته در ری اکت

۶٢ ویدیو ۸ ساعت ١۵ دقیقه
فایل های تمرین مختص کاربران ویژه هست.

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

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

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

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

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

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

۳۲- ساخت اپ پیشرفته در ری اکت ۱۷ تیر، ۱۳۹۸
رایگان
۳۳- ستاپ اپ برای کار با ری اکت ۱۷ تیر، ۱۳۹۸
۳۴- کار با react-router-dom در ری اکت ۱۷ تیر، ۱۳۹۸
۳۵- کار با کامپوننت Link در ری اکت ۱۷ تیر، ۱۳۹۸
۳۶- فرق بین BrowserRouter, HashRouter و MemoryRouter در ری اکت ۱۷ تیر، ۱۳۹۸
۳۷- شالوده ی اپ در ری اکت ۱۷ تیر، ۱۳۹۸
۳۸- ساخت مسیر در ری اکت ۱۷ تیر، ۱۳۹۸
۳۹- استفاده از Google OAuth در ری اکت ۱۸ تیر، ۱۳۹۸
رایگان
۴۰- استفاده از Google APi در ری اکت ۱۸ تیر، ۱۳۹۸
۴۱- ورود و خروج با Google Auth در ری اکت ۱۸ تیر، ۱۳۹۸
رایگان
۴۲- اجرای ورود و خروج دستی در ری اکت ۱۸ تیر، ۱۳۹۸
۴۳- بروزرسانی Auth State در ری اکت ۲۱ تیر، ۱۳۹۸
۴۴- اتمام ورود و خروج با گوگل در ری اکت ۲۱ تیر، ۱۳۹۸
۴۵- نصب ریداکس و ستاپ آن در ری اکت ۲۱ تیر، ۱۳۹۸
رایگان
۴۶- اتصال Auth و Action Creator در ری اکت ۲۱ تیر، ۱۳۹۸
۴۷- ساخت Auth Reducer در ری اکت ۲۱ تیر، ۱۳۹۸
۴۸- موقعیت Auth با ریداکس در ری اکت ۲۱ تیر، ۱۳۹۸
۴۹- فایل مهم types.js در ری اکت ۲۱ تیر، ۱۳۹۸
۵۰- گرفتن User ID در ری اکت ۲۱ تیر، ۱۳۹۸
۵۱- کار با Redux DevTools در ری اکت ۲۱ تیر، ۱۳۹۸
رایگان
۵۲- نصب Redux-Form در ری اکت ۱ امرداد، ۱۳۹۸
۵۳- اتصال Redux-Form در ری اکت ۱ امرداد، ۱۳۹۸
۵۴- ساختن فرم در ری اکت ۱ امرداد، ۱۳۹۸
۵۵- اتوماتیک هندل کردن رویدادها در ری اکت ۱ امرداد، ۱۳۹۸
۵۶- دستکاری فرم فیلدها در ری اکت ۱ امرداد، ۱۳۹۸
۵۷- سابمیت کردن فرم توسط ریداکس در ری اکت ۱ امرداد، ۱۳۹۸
۵۸- نمایش ارور ها در ری اکت ۱ امرداد، ۱۳۹۸
۵۹- اتمام Form Validation در ری اکت ۱ امرداد، ۱۳۹۸
۶۰- نصب json-server در ری اکت ۱ امرداد، ۱۳۹۸
۶۱- ساخت اکشن برای کار با API در ری اکت ۱ امرداد، ۱۳۹۸
۶۲- وصل کردن connect با redux-form در ری اکت ۱ امرداد، ۱۳۹۸
۶۳- دیسپچ کردن اکشن بعد از درخواست POST در ری اکت ۲ امرداد، ۱۳۹۸
۶۴- ساختن فله اس Action Creators در ری اکت ۲ امرداد، ۱۳۹۸
۶۵- ایجاد Fetch, Create و Update در ری اکت ۲ امرداد، ۱۳۹۸
۶۶- ایجاد Delete در ری اکت ۲ امرداد، ۱۳۹۸
۶۷- لیست کردن رکوردها با لودش در ری اکت ۲ امرداد، ۱۳۹۸
۶۸- نشان دادن تمام رکوردها در ری اکت ۲ امرداد، ۱۳۹۸
۶۹- راه حل Authorization در ری اکت ۲ امرداد، ۱۳۹۸
۷۰- نمایش Edit و Delete در ری اکت ۲ امرداد، ۱۳۹۸
۷۱- لینک با کامپوننت در ری اکت ۲ امرداد، ۱۳۹۸
۷۲- استفاده از history در ری اکت ۲ امرداد، ۱۳۹۸
۷۳- ریدارکت کردن با استفاده از history در ری اکت ۲ امرداد، ۱۳۹۸
۷۴- استفاده از Route Params در ری اکت ۴ امرداد، ۱۳۹۸
۷۵- هر کامپوننت باید به تنهایی برای خودش کار کنه ۴ امرداد، ۱۳۹۸
رایگان
۷۶- ری فکتور کردن فرم در ری اکت ۴ امرداد، ۱۳۹۸
۷۷- استفاده از فرم برای ساختن در ری اکت ۴ امرداد، ۱۳۹۸
۷۸- استفاده از فرم برای ویرایش در ری اکت ۴ امرداد، ۱۳۹۸
۷۹- فرق PUT و PATCH برای ویرایش در ری اکت ۴ امرداد، ۱۳۹۸
رایگان
۸۰- شروع ساخت مودال با Portals در ری اکت ۶ امرداد، ۱۳۹۸
۸۱- مشکلات ساخت مودال و stopPropagation در ری اکت ۶ امرداد، ۱۳۹۸
رایگان
۸۲- داینامیک کردن مودال در ری اکت ۶ امرداد، ۱۳۹۸
۸۳- مروری درباره رویدادها در ری اکت ۶ امرداد، ۱۳۹۸
۸۴- گرفتن رکورد از ID در ری اکت ۶ امرداد، ۱۳۹۸
۸۵- نمایش اطلاعات بصورت شرطی در ری اکت ۶ امرداد، ۱۳۹۸
۸۶- حذف در ری اکت ۶ امرداد، ۱۳۹۸
۸۷- اتمام فوندانسیون اپ در ری اکت و ریداکس ۱۴ امرداد، ۱۳۹۸
۸۸- نصب Node-Media-Server ری اکت ۱۴ امرداد، ۱۳۹۸
۸۹- نصب OBS در ری اکت ۱۴ امرداد، ۱۳۹۸
۹۰- نصب FLV در ری اکت ۱۴ امرداد، ۱۳۹۸
۹۱- ساخت Video Player در ری اکت ۱۴ امرداد، ۱۳۹۸
۹۲- نمایش Stream در ری اکت ۱۵ امرداد، ۱۳۹۸
۹۳- اتمام اپلیکیشن Streamer در ری اکت ۱۵ امرداد، ۱۳۹۸