React چیست؟
React یک کتابخانه رایگان و اوپن سورس فرانتاند و جاوااسکریپت است که با کمک آن میتوان با تفکیک و تجمیع کاربردهای ساده، رابطهای گرافیکی پیچیدهتر ساخت. این کتابخانه، با همکاری فیسبوک و جامعهای از توسعهدهندگان ساخته شده است.
پیشنهاد مقاله: بک اند (back end) چیست؟ برنامه نویس back end کیست؟
پیشنیازهای یادگیری React
برای این که بتوانید React را یاد بگیرید، پیش از هر اقدامی باید با HTML، CSS و جاوااسکریپت آشنا باشید . طی 2 الی 3 هفته میتوانید HTML و CSS را که ابزارهایی برای طرحبندی صفحات و برنامههای وب هستند، یاد بگیرید. یادگیری جاوااسکریپت، به زمان بیشتری نیاز دارد زیرا جاوااسکریپت یک زبان برنامهنویسی است. حداقل یک تا دو ماه برای یادگیری جاوااسکریپت نیاز است. توجه کنید که هنگام یادگیری، باید پروژههای کوچکی را تعریف کرده و به طور مداوم، به انجام این پروژهها بپردازید. پروژههای کوچکی مثل لیست کارهای قابل انجام، ماشین حساب، اپلیکیشن انتخاب تصادفی جوک و غیره، برای هدف شما مناسب هستند.
جاوااسکریپت
در حین یادگیری جاوااسکریپت باید دقت کنید که برخی اشتباهاتی که من انجام دادهام را مرتکب نشوید. من تصور میکردم برای یادگیری React باید کاملاً روی جاوااسکریپت مسلط باشم (که البته، تسلط کامل روی جاوااسکریپت اساساً فاقد معنا بود). من به عنوان یک مبتدی، شروع به یادگیری مفاهیم پیچیدهتر جاوااسکریپت کردم و به واسطه شکست در رسیدن به این هدف، تصور میکردم توانایی کافی ندارم. ولی میخواهم به شما بگویم که در شروع کار، فقط باید درک کافی از جاوااسکریپت داشته باشید. برخی عناوین اصلی را در اینجا برایتان فهرست میکنم:
- متغیرها
- شروط If/else و Switch
- توابع
- آرایهها
- متدهای آرایه، مثل Filter، Map و Reduce
- مفاهیم ES6
- پرومیسها
- کالبکها
- Async/Awaıt
- مفاهیم کلاسها و OOP
- کار با API
React
بعد از یادگیری مفاهیم اصلی جاوااسکریپت، زمان آن است که یادگیری React را شروع کنید. با مراجعه به مستندات رسمی React یا آموزشهای رسمی React میتوانید تصور اولیهای را از نحوه عملکرد این کتابخانه به دست آورید. مستندات React بسیار خوب نوشته شدهاند و اگر به زبان انگلیسی تسلط داشته باشید، میتوانید مفاهیم پایه React را از این طریق یاد بگیرید. برای یادگیری عمیق React لازم است مفاهیم زیر را به خوبی درک کنید:
- JSX
- کامپوننتها یا Components (از نوع Functıonal و Class Based)
- متدهای چرخه زندگی یا Life Cycle Methods
- State
- Props
- کار با رویدادها
- فرمها
- رندرینگ شرطی یا Conditional Rendering
- کار با APIهای شخص ثالث. بعد از این که درک لازم را در مورد این مفاهیم به دست آوردید، زمان آن است که با انجام پروژه، نحوه کارکرد آنها را در عمل، آزمایش کنید.
React Router
با React Router آشنایی پیدا کنید. React Router، یک کتابخانه مسیریابی است که به شما در پیمایش بین صفحات یک اپلیکیشن React کمک میکند. در مورد بارگیری محتوای صفحات، نحوه انتقال پارامترهای url ، ریدایرکتینگ و غیره، اطلاعات کسب کنید. همچنین، بدانید که React Router بخشی از React نیست و کتابخانهایست که به طور جداگانه برای React ساخته شده است.
React پیشرفته
حال که دانش پایه را در مورد React به دست آوردهاید و پروژههایی را نیز در این زمینه تکمیل نمودهاید، زمان آن است که مفاهیم پیشرفتهتری مثل Hook ، Context و غیره را درک کنید. برای این منظور، نگاهی به مستندات React داشته باشید و مفاهیم زیر را درک کنید:
- Context
- Hooks
- Error Boundaries
- Higher Order Components
- Code Splitting
- Refs
- Forwarding Refs
- Render props
بعد از یادگیری مفاهیم پایه React، یادگیری برخی کتابخانههای جانبی مثل Materıal UI، Reactstrap، tailwindcss و Semantıc UI نیز خالی از لطف نخواهد بود. این کتابخانهها در انجام کارهای روزمره به شما کمک میکنند. البته اجباری به یادگیری همه این موارد وجود ندارد و باید در ابتدا تمرکز خود را روی مفاهیم پایه React متمرکز کنید.
تبریک میگوییم! شما یک توسعهدهنده React هستید و با اجرای پروژههای مختلف و مراجعه به مستندات React میتوانید دانش خود را در این زمینه گسترش دهید.
شرکت بوتکمپهای برنامهنویسی فرانتاند، یکی از راههای سریع و مطمئن برای تبدیل شدن به یک توسعه دهنده فرانتاند React است.
دانش و فناوری بامداد، ارائه میکند: بوتکمپ برنامهنویسی فرانتاند (مبتنی بر React)
برخی نکات مفید
- سعی نکنید همه چیز را به یکباره یاد بگیرید. این حقیقت را بپذیرید که شما یک مبتدی هستید و برای تسلط روی مفاهیم باید زمان کافی را برای آنها صرف کنید.
- از غلط نوشتن کدها نترسید. همانطور که گفتم، شما مبتدی هستید همانطور که همه توسعه دهندگان حرفهای امروز، روزی مبتدی بودهاند.
- از تله دورههای پشت سر هم احتراز کنید. اگر دورههای آموزشی ویدیویی را در یوتیوب دنبال میکنید، همینطور پشت سر هم از یک ویدیو به ویدیوی بعدی نروید. بدانید که جایی باید دیدن ویدیوها را کنار بگذارید و خودتان شروع به ساخت پروژه کنید.
- از گوگل کمک بگیرید. سایت StackOverflow در کنار مقالات و وبلاگهای مفید، بهترین دوستان شما هستند. سوالات خود را گوگل کنید و بدانید که به احتمال زیاد، مشکل یا ارور شما را قبلاً کسی حل کرده و در اینترنت، پاسخ داده است.