redux js

چطور تو React.js شاخ بشیم و شاخِ Flux رو بشکنیم؟

قبلا درمورد این‌که چرا React.js رو انتخاب کردم، توضیح دادم، تو این نوشته نمی‌خوام از مزایای React بگم، میخوام بگم که چطور می‌تونیم رفیق گرمابه و گلستان React بشیم.

قطعا منابع زیادی تو اینترنت برای یادگیری React.js وجود داره، از مقاله و کتاب گرفته تا فیلم و کلیپِ آموزشی. من مدتی میشه که هی میگردم منابع مختلف رو پیدا میکنم تا ببینم کدوم بیشتر به کارم میاد. چندتا فیلم آموزشی از PluralSight و Tutsplus پیدا کردم، تماشاشون کردم، ولی کفاف کار من رو نمی‌دادن! این فیلم‌ها خیلی ساده فقط به مقدمات React پرداخته بودن و با دیدنشون کار عملی خاصی تو دنیای واقعی نمی‌شد انجام داد! بعد از کلی گشت و گذار و دانلود فیلم‌های آموزشی مختلف. چندتا منبع خوب، ساده و کاربردی برای یادگیری React از مبتدی تا یخورده حرفه‌ای‌تر پیدا کردم، گفتم لینک این منابع رو در اختیار شما هم قرار بدم تا اگه صلاح دونستید ازشون استفاده کنید.

بهترین منبعی که من “تا الان” برای یادگیری React پیدا کردم، مقالات و کلیپ‌های آموزشی سایت CSS-Tricks هست، که از مبتدی شروع میکنه و تا جاهای پیشرفته پیش میره. این مقالات چشمم رو گرفتن چون از کفِ کار و از صفر آموزش React رو شروع می‌کنن، اما تا مباحث پیشرفته پیش میرن. این آموزش‌ها صمیمی و باحال هستند و از مطالعه‌شون خسته نمی‌شید. علاوه بر این، این آموزش‌ها سعی می‌کنن که اصول طراحی استاندارد با React رو هم بهمون یاد بدن.

برای شروع یادگیری React می‌تونیم ویدئوکستی که CSS-Tricks آماده کرده رو ببینیم. این ویدئو به مبانی و مسائل پایه تو React می‌پردازه. اگه تا به حال با React کار نکردید، بهتون توصیه می‌کنم که حتما و حتما این ویدئو رو تماشا کنید. اگر هم که تجربه کار کردن با React رو دارید، باز هم دیدن این ویدئو خالی از لطف نیست، چون خیلی بامزه و باحال طراحی شده. این ویدئوکست توسط Chris Coyier آماده شده که Sarah Drasner هم به کمکش میاد، دیالوگ‌های جالبی هم بینشون رد و بدل میشه. پس برای شروع این ویدئو رو تماشا می‌کنیم:

Starting a React-Powered Comment Form

خوب، با دیدن این ویدئو با مقدمات React آشنا شدیم، حالا وقتش رسیده که پامون رو از مقدمات فراتر بذاریم. برای این منظور، مقالات سه‌گانه‌ی Brad Westfall خیلی مناسبن. برای شروع کارهای یخورده حرفه‌ای‌تر اول میریم سراغ React Router. با یاد گرفتن React Router می‌تونیم Route بنویسیم و اپلیکیشن‌مون رو سر و سامون بدیم. برای آشنایی بیشتر با React Router این مقاله رو مطالعه می‌کنیم:

Leveling Up With React: React Router

بعد از یادگرفتن React Router، وقتشه که یخورده طراحی‌مون رو درست و درمون‌تر کنیم. تو مقاله‌ی بعدی یاد می‌گیریم که چطور کامپوننت‌هامون رو به دو دسته‌ی Container و Presentational تقسیم کنیم:

Leveling Up With React: Container Components

تو مقاله‌ی سوم هم یاد می‌گیریم که چطور جریان یک‌طرفه‌ی اطلاعات، که از خصوصیات ذاتی React هست رو توی اپلیکیشن‌مون مدیریت کنیم. روح React با Flux عجین شده، اما Flux یه مفهومه نه یه ابزار یا یه فریمورک. پس چطور می‌تونیم این مفهوم رو پیاده‌سازی کنیم؟ یکی از راه‌هاش استفاده از Redux هست. تو مقاله‌ی بعدی می‌تونیم یاد بگیریم چطور با Redux نبض جریان اطلاعات رو تو دستمون بگیریم.

Leveling Up with React: Redux

این منابع برای من خیلی مفید بودند، امیدوارم که به کار شما هم بیان. در هر صورت، یادمون نره برای کسب اطلاعات تکمیلی خودِ مستنداتِ React و Redux هم جای خیلی خیلی خوبی هستند، مستندات React و Redux، تقریبا همه‌ی جزئیات رو خوب توضیح دادن و برای هرکدوم مثال هم زدن. پس هر وقت که نیاز داشتید، حتما سری به اون‌ها هم بزنید.

شما هم اگه منبع خوبی برای یادگیری React سراغ دارید، خوشحال میشم معرفی کنید.

شاد باشید و سلامت،

قربان شما،

آمیرزا.

آمیرزا

یه برق‌خونده‌ی علاقه‌مند به برنامه‌نویسی

19 دیدگاه برای “چطور تو React.js شاخ بشیم و شاخِ Flux رو بشکنیم؟

  1. سلام آمیرزای عزیز
    مثل همیشه عالی و آموزنده بود من که از خوندن متن هایی که مینویسی واقعا لذت می برم فقط کاش یه آموزش کوچولو به شیوه خودت از react تو وب سایتت بذاری که یه آشنایی مقدماتی با این فریم ورک پیدا کنیم چون فیلمی که گذاشتی نسبتا طولانیه و باید سر فرصت دیده بشه و آموزش های خودت یه چیز دیگس

    1. قربان تو مجتبی جان،
      همیشه به وبلاگم لطف داری. خوشحال میشم که به وبلاگم سر می‌زنی و نظر میدی.
      البته یک ساعت و خورده‌ای چندان هم وقت زیادی نیست ها! اون هم برای یاد گرفتن یه مبحث جدید. در هر صورت، این ویدئوکست خیلی باحال طراحی شده و از دیدنش خسته نمی‌شی.

  2. سلام .ممنون برای آموزشها و راهنماییهاتون.
    ممکنه توضیح بدید که چه مرورگرهایی react رو پشتیبانی می کنند.
    من یک سایت نوشتم با angular.js ولی مرورگر های chrome و firefox نسخه های پایین و IE و مرورگرهای روی ios پشتیبانی نمی کنند.

  3. اقا سلام ممنون از مطالبت خیلی خوبو خودمونی نوشتی اصلا باعث خستگی نمیشه خوندنشون هر قدر هم طولانی باشن یه لینک میدم آمیرزا نظرت رو بگو ببینم ارزش دان کردن داره یا نه ۲۹ ساعت آموزش ری اکته به زبان اصلی

    http://www.tutdl.ir/blog/1395/08/21/%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-udemy-the-complete-react-web-app-developer-course/
    ممنون میشم نظرت رو بگی یکی بهم معرفی کرده

    1. ممنون از لطفت احمد جان،
      حقیقتش خود به شخصه کلیپ‌های این دوره که فرستادید رو ندیدم، ولی طبق فهرستی که توش ارائه شده، علاوه بر React به خیلی چیزهای دیگه هم میپردازه، مثل Firebase و Heroku و قس علی هذا …
      اگه خوب توضیح داده باشه که با خیلی از چیزها یکجا آشنا میشی ..
      در هر صورت، دیدن هر دوره‌ای قاعدتا ضرر نداره و به تجربه‌ت اضافه میکنه.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *