سوال 6006

مقالات و کلیپ‌های آموزشی سایت 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