React یک کتابخانه فرانت‌اند محبوب مبتنی بر جاوا اسکریپت است که یکی از بهترین راه‌ها برای ساخت برنامه‌های وب پویا و با کارایی بالا با تمرکز بر طراحی رابط کاربری است. Learning React می تواند یک حرکت استراتژیک برای توسعه دهندگانی باشد که به دنبال پیشرفت در توسعه وب هستند، و این مقاله برخی از بهترین منابع را برای کمک به شما در این زمینه فهرست می کند.

اگرچه اکثراً به دوره‌های ویدیویی برای یادگیری React اشاره می‌کنند، این مقاله چندین منبع مبتنی بر متن را نیز به همراه انجمن‌های React فهرست می‌کند که در آن‌ها می‌توانید سؤال بپرسید یا به‌روز باشید. خواه از طریق خواندن، تماشا کردن یا انجام دادن یادگیری را ترجیح دهید، منابعی برای هر کدام در اینجا خواهید یافت.

اما قبل از یادگیری واکنش…

React که با نام‌های ReactJS یا React.js نیز شناخته می‌شود، به اندازه کافی اشاره می‌کند که یک کتابخانه جاوا اسکریپت است، پس داشتن یک پایه محکم در جاوا اسکریپت بسیار مهم است. در زیر برخی از منابع برای شروع شما آورده شده است:

آموزش کدنویسی با جاوا اسکریپت ما در اینجا تعصب داریم زیرا این کتاب ما است، اما واقعاً مقدمه ای فوق العاده برای جاوا اسکریپت (و برنامه نویسی به طور کلی) است. این در قالب جلد شومیز و کتاب الکترونیکی و همچنین در SitePoint Premium در دسترس است (اطلاعات بیشتر در مورد Premium بعداً).

You Don't Know JS ، اثر کایل سیمپسون. این برنامه به صورت رایگان در GitHub در دسترس است و یکی از محبوب ترین پروژه های میزبانی شده در GitHub با بیش از 177 هزار ستاره است. بسته به ترجیح خود، می توانید آن را به صورت جلد شومیز یا به عنوان کتاب الکترونیکی برای دستگاه Kindle خود نیز خریداری کنید.

جاوا اسکریپت Eloquent ، توسط Marijn Haverbeke. همچنین به صورت رایگان برای خواندن در سایت آن در دسترس است و در میان توسعه دهندگان از استقبال گسترده ای برخوردار است. مانند کتاب فوق، این کتاب را می توان در جلد شومیز یا به عنوان کتاب الکترونیکی برای Kindle خود خریداری کرد.

برای کسانی که ترجیح می‌دهند تماشا کنند، آموزش جاوا اسکریپت توسط Scrimba و دوره freeCodeCamp در JS دو تا از بهترین گزینه‌های رایگان هستند، در حالی که Udemy و Coursera دوره‌های بسیار خوبی را شامل می‌شوند که نمی‌توان از آن‌ها استفاده کرد.

5 بهترین مکان برای یادگیری واکنش از دوره ها

اگر قبلاً با دانش پایه جاوا اسکریپت، HTML و CSS آشنا هستید، پس آماده شروع کار هستید. در ادامه برخی از بهترین دوره های ویدیویی برای یادگیری React.js آورده شده است. در حالی که همه آنها موضوعات مشابهی را پوشش می دهند، این به شما بستگی دارد که کدام رویکرد مربی را ترجیح می دهید.

آموزش React توسط Bob Ziroll – Scrimba

را در Scrimba بیاموزید" loading="lazy">

Scrimba که به خاطر سبک تعاملی آموزش‌هایش معروف است، یک دوره عالی به نام Learn React دارد که به صورت رایگان در دسترس است. یکی از مشهورترین دوره‌های React، ماهیت تعاملی آن و تمرکز بر پروژه‌های ساختمانی، آن را به انتخابی ایده‌آل برای کسانی که شروع به کار کرده‌اند یا نیاز به تجدید نظر دارند، تبدیل کرده است.

این دوره شامل 177 درس تعاملی است که در چهار ماژول پخش شده است، که تجربه عملی را از طریق پروژه هایی مانند ساخت سایت اطلاعات React، یک شبیه سازی Airbnb Experiences، یک تولید کننده میم و غیره ارائه می دهد. این بر یادگیری عملی با بیش از 140 چالش کدگذاری تعاملی تأکید دارد و دانش آموزان را قادر می سازد تا یادگیری خود را در زمان واقعی به کار گیرند.

همچنین بخشی از برنامه پولی آنها - «مسیر شغلی توسعه‌دهنده فرانت‌اند» - است که نظرات خوبی در ProductHunt دارد و هدف آن این است که شما را به عنوان یک توسعه‌دهنده در پایان دوره استخدام کند. در حالی که این امکان پذیر است، بیشتر به تلاش و شبکه شما بستگی دارد. با این حال، حکایت های متعددی از موفقیت آن در اینترنت موجود است، پس تسلیم نشوید!

دوره های آموزشی توسط کنت سی دادز

Kent C. Dodds یک مربی برجسته در جامعه توسعه وب است که به ویژه به دلیل تخصص خود در JavaScript و React شناخته شده است. او همچنین یک متخصص توسعه دهنده گوگل بوده و قصد دارد به روشی تدریس کند که الهام بخش حفظ دانش باشد. دو دوره از دوره های او در مورد یادگیری React در زیر ذکر شده است.

Epic React

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

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

توجه داشته باشید که این دوره یک دوره پیشرفته است که با هدف تبدیل شما به یک توسعه دهنده React بهتر است و برای مبتدیان مناسب نیست. یکی از چیزهایی که شما را از شرکت در آن باز می دارد ممکن است قیمت آن باشد، زیرا دوره کامل 600 دلار هزینه دارد، اما احساس عمومی این است که ارزش هزینه را دارد و بهتر از آن بوت کمپ هایی است که هزاران هزینه دارند. با این اوصاف، کنت 30 روز ضمانت بازگشت پول را در صورتی که احساس کردید برای شما مناسب نیست، ارائه می دهد.

راهنمای مبتدیان برای واکنش

اگر تازه شروع کرده اید، کنت یک دوره رایگان به نام The Beginner's Guide to React نیز در egghead.io دارد. اگرچه به جزییات دوره Scrimba نیست، اما یک دوره کوتاه (فقط 2.5 ساعت) اما سرگرم کننده است که برای شروع کار با برنامه های کاربردی وب اولیه با استفاده از React کافی است.

کنت به‌ویژه تلاش می‌کند بر اصول اولیه ساخت پایه محکم مورد نیاز برای هر برنامه React تأکید کند. سادگی، دستورالعمل‌های واضح و رویکرد عملی این دوره، آن را به یک نقطه شروع عالی برای هر کسی که تازه وارد توسعه وب با React می‌شود، تبدیل کرده است.

آموزش کامل Modern React توسط Net Ninja – YouTube

طبیعتاً دوره‌های رایگان React زیادی در YouTube خواهید یافت، اما این دوره با نام Full Modern React Tutorial به دلیل دسترسی آسان، مثال‌های عملی و سبک آموزشی جذاب Shaun Pelling (Net Ninja) برجسته است.

این دوره به عنوان یک فهرست پخش YouTube در دسترس است و طیف گسترده ای از موضوعات React را پوشش می دهد، از جمله اصول اولیه کامپوننت های React، مدیریت حالت، React Router برای ناوبری و ادغام Firebase. فرمت ویدیویی فرآیند یادگیری را جذاب و قابل دسترس می کند و به زبان آموزان اجازه می دهد تا با سرعت خود دنبال کنند.

اگر احساس می‌کنید سبک Net Ninja برای شما مناسب نیست، دو مربی قابل توجه دیگر در YouTube وجود دارند که فهرست ‌های پخش React را دارند.

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

کانال یوتیوب جک هرینگتون طیف گسترده ای از آموزش ها را در مورد فناوری های مدرن توسعه وب از جمله React ارائه می دهد. سبک او قابل دسترس و کامل است و آن را به منبعی عالی برای مبتدیان و توسعه دهندگان با تجربه تبدیل می کند که به دنبال گسترش مهارت های خود در React و سایر فناوری های وب هستند.

Udemy

Udemy یکی از بهترین مکان ها برای یادگیری هر چیزی است، از جمله React. در میان دوره‌های آنلاین پولی React که میزبانی می‌کند، دو دوره زیر برخی از بهترین و به‌روزترین دوره‌هایی هستند که برای React ایجاد شده‌اند.

واکنش - راهنمای کامل، نوشته ماکسیمیلیان شوارتزمولر

عنوان کامل، «React – The Complete Guide 2024 (شامل React Router و Redux)»، کاملاً گویا است و به قول خود صادق است، زیرا به گونه‌ای طراحی شده است که همه چیزهایی را که برای تبدیل شدن به یک توسعه‌دهنده React نیاز دارید و React خود را بسازید، شامل شود. برنامه های کاربردی.

این یک دوره کاملاً گسترده است، اما همچنان پرفروش ترین کتاب Udemy است، با بیش از 800 هزار دانش آموز که دوره را تکمیل می کنند. هدف این دوره تبدیل زبان آموزان به توسعه دهندگان پیشرفته React است که از اصول اولیه شروع می شود و به مفاهیم پیچیده می رسد.

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

این دوره بر اساس آخرین نسخه React 18 است و به طور مرتب به روز می شود تا از آخرین به روز رسانی های توسعه React مطلع شوید. به عنوان یک مبتدی، نمی توانید با این یکی اشتباه کنید. ممکن است کمی طول بکشد، اما مطمئنا ارزشش را دارد!

واکنش مدرن با ردوکس، اثر استفان گریدر

Modern React with Redux [2024 Update] ، توسط Stephen Grider، دوره مفصل دیگری در Udemy برای تسلط بر React و Redux برای ساخت برنامه های وب پویا است. همچنین هدف آن آموزش React به مبتدیان است و مفاهیم اساسی React و Redux از جمله JSX، state، props و کارهای فنی Redux را پوشش می‌دهد.

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

آنچه این دوره را از دوره فوق متمایز می کند، رویکرد مربی آن به آموزش است که بر ساده سازی مفاهیم پیچیده و ارائه طیف گسترده ای از مثال های عملی تمرکز دارد. در حالی که هر دو دوره موضوعات مشابهی را پوشش می دهند، دوره Grider برای درک تدریجی و عمیق React و Redux طراحی شده است، و آن را برای کسانی که فرآیند یادگیری گام به گام را ترجیح می دهند ایده آل می کند.

معرفی کامل React، v8 – Frontend Masters

دوره مقدماتی کامل برای React، v8 ، به رهبری برایان هولت، گزینه خوبی دیگر برای مبتدیانی است که می خواهند React را یاد بگیرند و برنامه های React را بسازند. اگرچه این دوره نسبتا کوتاهتر است (تقریباً شش ساعت)، اما برای کسانی که تجربه یادگیری هدفمند و مبتنی بر پروژه را ترجیح می دهند ایده آل است.

ابزارهایی از اکوسیستم React مانند Vite، ESLint، TailwindCSS، React Router و React Query را برای توسعه یک برنامه کامل پذیرش حیوانات خانگی ادغام می کند. هر زمان که React نسخه جدیدی را ارائه کند به روز می شود و شامل ویژگی های مدرن React مانند قلاب ها، افکت ها، زمینه و پورتال ها می شود.

اگر مبتدی نیستید، برایان دوره ای به نام Intermediate React، v5 نیز دارد که مفاهیم پیشرفته را آموزش می دهد. این برنامه بر روی React Hooks، Context API و مدیریت پیشرفته حالت تمرکز دارد که برای تقویت مهارت های React ایده آل است.

4 بهترین مکان برای یادگیری React from Reading

اگر خواندن را به تماشای ترجیح می دهید، چندین منبع عالی برای یادگیری React وجود دارد. بعضی از این ها در پایین فهرست شده اند.

اسناد رسمی واکنش

این احتمال وجود دارد که در گذشته با مستندات بدی مواجه شده باشید و دوست نداشته باشید این کلمه را بشنوید، اما مستندات React یک استثنا است. در سال 2023 بازنگری اساسی دریافت کرد و به یکی از بهترین، اگر نگوییم بهترین منابع برای یادگیری React در حال حاضر تبدیل شده است.

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

بهترین بخش این است که مستندات برای همه مفید است - از مبتدیان تا توسعه دهندگان React پیشرفته. به علاوه، هر تغییری در کد React مدرن همیشه ابتدا در اسناد منعکس می‌شود، که آن را به یک منبع اصلی یا حتی مکمل عالی تبدیل می‌کند.

جاده ای برای واکنش، اثر رابین ویروخ

برخی از افراد خواندن کتاب را برای رهایی از حواس‌پرتی‌های صفحه ترجیح می‌دهند، اما توصیه کردن آن‌ها برای React سخت است، زیرا دنیای جلویی سریع پیش می‌رود و می‌تواند مطالب آموزشی را قدیمی کند. خوشبختانه، Robin Wieruch کتاب شگفت انگیزی به نام Road to React ارائه کرده است که اغلب به روز می شود و در بین کارشناسان صنعت مانند Kent C. Dodds و همچنین جامعه عمومی React بسیار مورد احترام است.

این کتاب به گونه‌ای طراحی شده است که برای مبتدیان مفید باشد و بر React ساده و بدون پیچیدگی ابزار اضافی تمرکز دارد. جدای از مباحث مقدماتی، شامل تمرین‌ها و تمرین‌های مدرن است و در عین حال اجزا، JSX، APIها و مفاهیم پیشرفته‌ای مانند مؤلفه‌ها و زمینه‌های درجه بالاتر را نیز پوشش می‌دهد.

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

مسیر یادگیری برای واکنش، اثر مارک اریکسون

مارک اریکسون که بیشتر به عنوان نگهدارنده Redux شناخته می شود، یک مسیر یادگیری برای React ایجاد کرده است که شما را به یک سری مفاهیمی که باید با آنها آشنا باشید، همراه با مقالات توصیه شده برای یادگیری آنها راهنمایی می کند.

به برخی از بهترین منابع موجود برای React، از جمله مستندات رسمی، پیوند می‌دهد و در صورتی که توسعه‌دهندگان مطمئن نیستند در آینده چه چیزی یاد بگیرند، شفافیت را ارائه می‌دهد.

مسیر به ترتیب ترتیب داده شده است، با مروری بر نحوه کار برنامه های وب شروع می شود، و سپس اصول جاوا اسکریپت، React، Redux و TypeScript را دنبال می کند. مبتدیان می توانند فهرست را پایین بیاورند، در حالی که توسعه دهندگان با تجربه تر می توانند به موضوعات خاصی که می خواهند یاد بگیرند یا مرور کنند بپرند.

اسناد وب MDN که به دلیل مستندات جامع و قابل اعتماد خود در توسعه وب مشهور هستند، همچنین دارای بخشی برای یادگیری React هستند که برای شروع شما طراحی شده است.

با اصول اولیه React شروع می شود و به تدریج جنبه های پیچیده تری مانند مدیریت حالت، ایجاد کامپوننت و تعامل را پوشش می دهد.

استفاده از MDN از زمان بهبود مستندات رسمی React در جامعه React کاهش یافته است، اما با این وجود به خوبی نوشته شده است و حتی مارک اریکسون برای برخی موضوعات به آن ارجاع داده است.

3 بهترین مکان برای یادگیری واکنش از جوامع

شما همیشه به تغییرات React یا مستندات آن برای به‌روزرسانی توجه نخواهید کرد، پس بهتر است با پیوستن به انجمن‌های React در جریان باشید. این انجمن‌ها بستری را برای توسعه‌دهندگان فراهم می‌کنند تا دانش خود را به اشتراک بگذارند، سؤال بپرسند و از آخرین روندها و به‌روزرسانی‌های React مطلع شوند.

r/reactjs Reddit

با بیش از 380 هزار عضو، subreddit r/reactjs احتمالاً بزرگترین انجمن React موجود است. این اجازه می دهد تا انواع سؤالات و بحث های مربوط به React را انجام دهید و اگر به پاسخی برای سؤالی نیاز دارید، احتمالاً بهترین گزینه برای شما خواهد بود.

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

سرریز پشته

Stack Overflow یکی دیگر از پلتفرم‌های عالی برای توسعه دهندگان React یا به طور کلی برنامه‌نویسان است تا سؤالات قبلاً پاسخ داده شده را جستجو کنید یا سؤالات خود را ارسال کنید. با بیش از 280000 سؤال پاسخ داده شده، احتمالاً سؤال خود را قبلاً پاسخ داده شده خواهید یافت. اگر نه، همیشه می توانید بپرسید. برای جستجوی سوالات مربوط به React، از تگ «reactjs» در نوار جستجو استفاده کنید.

Reactiflux

طرفداران سبک تعاملی دیسکورد و مکالمات بی‌درنگ می‌توانند به سرور Discord Reactiflux بپیوندند تا سؤال بپرسند، در جریان باشند یا صرفاً صحبت‌های معمولی بین توسعه‌دهندگان همکار داشته باشند. این سرور همچنین به کاربران این امکان را می دهد که مقالات و پروژه های خود را پست کنند و همچنین فرصت های شبکه و شغل را در کانال های مربوطه فراهم کنند. در حال حاضر قوی تر می شود، با بیش از 220000 عضو، و توصیه می شود اگر قبلاً کاربر Discord هستید به آن بپیوندید.

همچنین می‌توان به Hahnote و Devto اشاره کرد که دارای انجمن‌های React فعال هستند که قابل تامل است. اما این دو بیشتر مکان هایی برای ارسال مقالات برای توسعه دهندگان همکار هستند، پس گزینه های بالا ممکن است برای سوالات بهتر باشند.

SitePoint ترکیبی منحصر به فرد از منابع را برای یادگیری React ارائه می دهد که شامل مقالات، کتاب ها، دوره ها و جامعه ای از توسعه دهندگان است. این کتاب با کتابخانه وسیعی که بیش از 700 کتاب و دوره آموزشی دارد، از جمله طیف وسیعی از محتوای متمرکز بر React متمایز است.

کتابخانه متنوع آن به سبک های مختلف یادگیری پاسخ می دهد. این که آیا خواندن مقالات عمیق، دنبال کردن دوره های ساختاریافته، یا کاوش در کتاب های عملی را ترجیح می دهید، و خواه به یادگیری اصول React یا مفاهیم پیشرفته علاقه دارید، SitePoint شما را پوشش می دهد! تنها با یک جستجو می توانید تمام منابع مربوط به React را پیدا کنید.

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

نتیجه

React یک کتابخانه جاوا اسکریپت کارآمد و منعطف است و یادگیری آن برای توسعه دهندگان فرانت اند اهمیت فزاینده ای پیدا می کند. این مقاله فهرستی از منابعی را ارائه می دهد که تحلیل های مطلوبی از کارشناسان صنعت دریافت کرده اند و در جوامع مختلف React محبوب هستند.

چه در حال شروع سفر خود در React باشید و چه به دنبال تعمیق دانش موجود خود باشید، احتمالاً منبعی را در اینجا خواهید یافت که با سبک و سطح فعلی تخصص شما همخوانی دارد.

خبرکاو