React چیست و چگونه می توانم آن را یاد بگیرم؟


واکنش نشان دهید چیست؟

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

مقاله پیشنهادی: عقب چیه؟ توسعه دهنده بک اند کیست؟

پیش نیازهای یادگیری React

برای اینکه بتوانید React را یاد بگیرید، قبل از انجام هر کاری باید با HTML، CSS و JavaScript آشنا باشید. در عرض 2-3 هفته می توانید HTML و CSS را که ابزاری برای طراحی صفحات وب و برنامه های کاربردی هستند یاد بگیرید. یادگیری جاوا اسکریپت زمان بیشتری می برد زیرا جاوا اسکریپت یک زبان برنامه نویسی است. یادگیری جاوا اسکریپت حداقل یک تا دو ماه طول می کشد. به خاطر داشته باشید که در حین یادگیری باید پروژه های کوچک را تعریف کنید و این پروژه ها را به طور مداوم انجام دهید. پروژه های کوچک مانند لیست کارهای انجام شده، ماشین حساب، برنامه های تصادفی سازی شوخی و غیره. برای هدف شما عالی هستند

جاوا اسکریپت

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

  • متغیرها
  • If/else و شرایط سوئیچ
  • کارکرد
  • آرایه ها
  • روش های آرایه مانند فیلتر، نقشه و کاهش
  • مفاهیم ES6
  • وعده ها
  • کال بک
  • Async/Await
  • مفاهیم کلاس ها و OOP
  • کار با API ها

واکنش نشان دهید

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

  • JSX
  • اجزاء (عملکردی و مبتنی بر کلاس)
  • روش های چرخه زندگی
  • وضعیت
  • یک تکیه گاه
  • با رویدادها کار کنید
  • تشکیل می دهد
  • رندر شرطی یا رندر شرطی
  • کار با API های شخص ثالث هنگامی که درک درستی از این مفاهیم به دست آوردید، وقت آن است که با ساخت یک پروژه نحوه عملکرد آنها را در عمل آزمایش کنید.

روتر واکنش

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

واکنش گسترده

اکنون که دانش اولیه React را به دست آورده اید و پروژه هایی را در این زمینه انجام داده اید، زمان آن رسیده است که مفاهیم پیشرفته تری مانند Hook، Context و غیره را درک کنید. برای انجام این کار، نگاهی به مستندات React بیندازید و مفاهیم زیر را درک کنید:

  • متن نوشته
  • قلاب
  • حاشیه های خطا
  • قطعات با مرتبه بالاتر
  • تقسیم کد
  • مرجع
  • ارسال به رفر
  • رندر پایه ها

پس از یادگیری مفاهیم اولیه React، یادگیری برخی از کتابخانه های جانبی مانند Materıal UI، Reactstrap، tailwindcss و Semantıc UI نیز مفید خواهد بود. این کتابخانه ها به شما در انجام کارهای روزانه کمک می کنند. البته لازم نیست همه این موارد را یاد بگیرید و ابتدا باید روی مفاهیم اولیه React تمرکز کنید.

تبریک می گویم! شما یک توسعه دهنده React هستید و می توانید با اجرای پروژه های مختلف و مراجعه به مستندات React دانش خود را در این زمینه گسترش دهید.

بوت کمپ های برنامه نویسی راه اندازی این شرکت یکی از سریع ترین و مطمئن ترین راه ها برای تبدیل شدن به یک توسعه دهنده React است.

دانش و فناوری صبحگاهی ارائه می دهد: بوت کمپ برنامه نویسی Front End (بر اساس React)

چند نکته مفید

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

دیدگاهتان را بنویسید