
بازخورد چیست؟
React یک کتابخانه فرانتاند و جاوا اسکریپت رایگان و منبع باز است که میتوان از آن برای ساخت رابطهای گرافیکی پیچیدهتر با جداسازی و ترکیب برنامههای کاربردی ساده استفاده کرد. این کتابخانه با همکاری فیس بوک و جامعه توسعه دهندگان ایجاد شده است.
مقالات پیشنهادی: بک اند چیست؟ برنامه نویس Back End کیست؟
پیش نیازهای یادگیری React
برای اینکه بتوانید React را یاد بگیرید، قبل از هر اقدامی باید با HTML، CSS و JavaScript آشنا باشید. در عرض 2-3 هفته می توانید HTML و CSS را که ابزار طراحی صفحات وب و اپلیکیشن ها هستند، یاد بگیرید. یادگیری جاوا اسکریپت زمان بیشتری می برد زیرا جاوا اسکریپت یک زبان برنامه نویسی است. یادگیری جاوا اسکریپت حداقل یک تا دو ماه طول می کشد. توجه داشته باشید که در حین یادگیری پروژه های کوچک را تعریف کنید و این پروژه ها را به صورت مستمر انجام دهید. پروژه های کوچکی مانند لیست کارها، ماشین حساب، برنامه تصادفی سازی جوک و غیره برای هدف شما عالی هستند.
اسکریپت جاوا
هنگام یادگیری جاوا اسکریپت، باید مراقب باشید که برخی از اشتباهات من را مرتکب نشوید. من فرض کردم که برای یادگیری React باید کاملاً به جاوا اسکریپت مسلط باشم (که البته تسلط کامل به جاوا اسکریپت اساساً بی معنی بود). به عنوان یک مبتدی، شروع به یادگیری مفاهیم پیچیده تر جاوا اسکریپت کردم و با شکست در رسیدن به این هدف، تصور می کردم توانایی کافی را ندارم. اما می خواهم به شما بگویم که در ابتدا فقط باید درک کافی از جاوا اسکریپت داشته باشید. من تعدادی از عمده ترین آنها را در اینجا لیست می کنم:
- متغیرها
- if/else و تغییر شرایط
- وظایف
- آرایه ها
- روش های آرایه مانند فیلتر، نقشه و کاهش
- مفهوم ES6
- وعده ها
- کال بک
- همگام سازی/انتظار
- مفهوم کلاس ها و OOP
- کار با api
بازخورد
پس از یادگیری اصول اولیه جاوا اسکریپت، زمان شروع یادگیری React است. با مراجعه به React Documentation یا React Tutorial رسمی، میتوانید یک ایده اولیه از نحوه کار این کتابخانه به دست آورید. مستندات React بسیار خوب نوشته شده است و اگر به زبان انگلیسی مسلط هستید، می توانید مفاهیم اولیه React را از این طریق یاد بگیرید. برای یادگیری عمیق React، باید مفاهیم زیر را به خوبی درک کنید:
- jsx
- مولفه ها (عملکردی و مبتنی بر کلاس)
- روش های چرخه زندگی
- دولت
- لوازم جانبی
- کار با رویدادها
- فرم
- رندر شرطی یا رندر شرطی
- کار با API های شخص ثالث پس از به دست آوردن درک درستی از این مفاهیم، نوبت به آزمایش نحوه عملکرد آنها در عمل با انجام یک پروژه می رسد.
روتر واکنش
با React Router آشنا شوید. React Router یک کتابخانه مسیریابی است که به شما کمک می کند بین صفحات یک برنامه React حرکت کنید. درباره بارگیری محتوای صفحه، نحوه ارسال پارامترهای url، تغییر مسیرها و موارد دیگر بیاموزید. همچنین به خاطر داشته باشید که React Router بخشی از React نیست و یک کتابخانه جداگانه است که برای React ساخته شده است.
بازخورد پیشرفته
اکنون که درک اولیه ای از React به دست آورده اید و پروژه هایی را در این زمینه به پایان رسانده اید، زمان آن رسیده است که به مفاهیم پیشرفته تری مانند هوک ها، زمینه ها و غیره بپردازید. برای این کار، نگاهی به React Documentation بیندازید و مفاهیم زیر را درک کنید:
- ارجاع
- قلاب ها
- محدودیت های خطا
- اجزای مرتبه بالاتر
- تقسیم کد
- ارجاع
- مرجع ارسال
- رندر لوازم
پس از یادگیری مفاهیم اولیه React، یادگیری برخی از کتابخانه های جانبی مانند Material UI، ReactStrap، TailwindCSS و Semantic UI نیز مفید خواهد بود. این کتابخانه ها به شما در کارهای روزمره کمک می کنند. البته لازم نیست همه این موارد را یاد بگیرید و ابتدا باید روی مفاهیم اولیه React تمرکز کنید.
تبریک می گویم! شما یک توسعه دهنده React هستید و می توانید با اجرای پروژه های مختلف و مراجعه به مستندات React دانش خود را در این زمینه گسترش دهید.
Bootcamp برنامه نویسی Front-End این شرکت یکی از سریع ترین و امن ترین راه ها برای تبدیل شدن به یک توسعه دهنده Front-end React است.
خرد و فناوری داون فراهم می کند: بوت کمپ برنامه نویسی Front-end (بر اساس React)
چند نکته مفید
- سعی نکنید همه چیز را به یکباره یاد بگیرید. این واقعیت را بپذیرید که شما فقط یک مبتدی هستید و باید زمان کافی برای تسلط بر مفاهیم بگذارید.
- از نوشتن کد اشتباه نترسید. همانطور که گفتم، شما یک مبتدی هستید، همانطور که همه توسعه دهندگان حرفه ای امروز زمانی چنین بودند.
- از برگزاری دوره های پشت سر هم از راه دور خودداری کنید. اگر آموزش های ویدیویی را در یوتیوب دنبال می کنید، از یک ویدیو به ویدیو دیگر نپرید. بیاموزید کجا تماشای ویدیوها را متوقف کنید و خودتان شروع به ساختن پروژه کنید.
- از گوگل کمک بگیرید با مقالات و وبلاگ های مفید، StackOverflow بهترین دوست شماست. گوگل سوال شما را می داند و به احتمال زیاد مشکل یا خطای شما قبلا توسط شخصی در اینترنت حل شده و به آن پاسخ داده شده است.