مهدی احمدی
مهدی احمدی
خواندن ۸ دقیقه·۲ سال پیش

یادگیری کتابخانه ری‌اکت جی‌اس ReactJS در ۱۰ قدم

نحوه یادگیری ریکت و تبدیل شدن به توسعه دهنده ری اکت:

در این پست سعی داریم نحوه تبدیل شدن به یک برنامه نویس خوب ریکت را در 10 قدم بیان کنیم. اگر این مراحل را در زندگی روزمره خود انجام دهید در نهایت خواهید توانست به اهداف شغلی خود برسید و پیشرفت مورد انتظارتان در زمینه یادگیری کتابخانه ری اکت را شاهد باشید.

قدم اول: صرف زمان 4 یا 5 ساعته در هر روز هفته برای یادگیری ریکت

می توان گفت این قدم مهم ترین قدم در راه تبدیل شدن به توسعه دهنده ری اکت می باشد. شما در چیزی حرفه ای نمی شوید مگر اینکه زمان لازم را به یادگیری آن چیز اختصاص دهید. باید در برنامه روزانه خود زمان مشخصی را صرف یادگیری و تمرین react کنید. در یک محیط آرام و بدون تنش فرآیند یادگیری خود را شروع کنید. همانطور که یک کارمند از حدود ساعت 9 صبح تا 17 عصر پشت میز می نشیند و مشغول کارهای مربوطه می شود، شما هم باید برای یادگیری کتابخانه ریکت در طول روز حداقل 4 یا 5 ساعت تمرکز و زمان بگذارید.

قدم دوم: زمان خود را بصورت متمرکز روی کدنویسی صرف کنید

دقیقا منظورمان از تمرکز کامل روی کدنویسی اینست که در یک محیط بدون حواس پرتی و ساکت، مشغول کدنویسی شوید و تمام تمرکزتان روی فرآیند برنامه نویسی باشد. در طول این زمان 100 درصد زمان صرف کدنویسی نمی شود. بلکه درصدی از آن برای مطالعه داکیومنت ها، نوت برداری و غیره… صرف خواهد شد.

بنابراین اگر در طول 4-5 ساعت روزانه تمام تمرکزمان روی کدنویسی باشد و مفید از آن استفاده کنیم کافیست. ایده 12 ساعت در روز کار کردن واقع بینانه نیست. به ویژه وقتی تازه در اول راه یادگیری یک زبان برنامه نویسی هستید.

اگر می توانید بیشتر از 5 ساعت در روز هم وقت بگذارید و تمرکزتان از بین نمی رود مشکلی نیست. اما دقت کنید که فرآیند یادگیری مفاهیم جدید در هنگام خستگی روح و جسم دشوار خواهد شد و راندمان افت می کند.

قدم سوم: استفاده از تکنیک Pomodoro برای مدیریت زمان

تکنیک ویژه ای وجود دارد که به شما کمک می کند تا بهترین استفاده را از این 4-5 ساعت روزانه داشته باشید. نام این تکنیک Pomodoro است.

هدف این روش استفاده بهینه از زمان است و متشکل از بازه های زمانی 25 دقیقه ای می باشد. شما کارتان را شروع می کنید و پس از 25 دقیقه 5 دقیقه تایم استراحت خواهید داشت. به هر یک از این 25 دقیقه ها یک pomodoro می گویند. در این زمان استراحت می توانید از پشت میز بلند شوید، یک نوشیدنی بخورید و… سپس با تمرکز کافی به کدنویسی بازگردید. در زمان استراحت نباید به گوشی موبایل یا مانیتور کامپیوتر نگاه کنید.

استراحت دادن به ذهن و جسم می تواند باعث راندمان بیشتر یادگیری شود. در ادامه تکنیک pomodoro ، پس از 25 دقیقه چهارم،یک استراحت 15 دقیقه  ای خواهیم داشت.


اگر بتوانید در طول یکروز، 8 الی 10 بازه زمانی 25 دقیقه ای یا pomodoro به این شکل کار مفید انجام دهید روز خوبی را سپری کرده اید!

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

ابزارهای آنلاین و رایگان زیادی برای تایمر pomodoro وجود دارد

قدم چهارم: مطالعه مستندات ریکت از سایت مرجع Reactjs.org

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

در سراسر اینترنت، آموزش های ویدیویی و متنی رایگان فراوانی برای کتابخانه react وجود دارد. اما بهترین و تنها منبع قابل اعتماد و معتبر ریکت سایت مرجع ریکت به آدرس reactjs.org می باشد.

داکیومنت ریکت جی‌اس را زیر و رو کنید و تمام نکات آن را تمرین کنید. بهترین راهنمای موجود در اینترنت در زمینه آموزش ری اکت سایت ReactJS.org است که بسیاری از دولوپرهای ریکت بعنوان مرجع از این وب سایت استفاده می کنند. داکیومنت های سایت reactjs همیشه آپدیت هستند و جدیدترین نکات و امکانات ریکت را می توان در آن مطالعه کرد.

مفاهیم کتابخانه ری اکت بطور کامل در reactjs.org بیان شده و یکی از مزیت های این سایت مثال های متعدد آن در زمینه های مختلف می باشد. این امکان نیز وجود دارد که اسکریپت های ریکت را بصورت آنلاین تمرین کنید و تغییر دهید و خروجی را همانجا مشاهده کنید. بعنوان مثال در این codepen نحوه toggle شدن یک دکمه توسط ریکت بیان شده است.

قدم پنجم: قدم های کوچک بردارید، اپلیکیشن های کوچک بسازید و بتدریج آن را توسعه دهید

در حین یادگیری مفاهیم و امکانات ریکت جی اس، سعی کنید یک اپلیکیشن با مقیاس کوچک را پیاده سازی کنید و مطالبی را که یاد می گیرید روی آن پیاده سازی کنید. این اپلیکیشن می تواند یک ToDo App یا یک CRUD App باشد.

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

  • آیا برای طراحی اپلیکیشن با ریکت نیاز به پکیج دیگری دارم؟
  • برای راه اندازی اولیه اپلیکیشن به چه فایل ها و فولدرهایی نیاز است؟
  • در پروژه به چه کامپوننت هایی نیاز دارم؟
  • داده های اپلیکیشن کجا ذخیره و نگهداری می شوند؟
  • و…

گام بعدی اینست که در سایت Github ثبت نام کنید. خوشبختانه اخیرا در سایت گیتهاب امکان تعریف private repository برای ایرانیان فراهم شده است. تا قبل از این، ما ایرانی ها بدلیل تحریم فقط می توانستیم public rep داشته باشیم!

ذخیره پروژه ها در گیتهاب مزایای زیادی دارد. از جمله اینکه سورس کد پروژه های خود را در یک پلتفرم آنلاین ذخیره دارید و هر جا که اراده کنید می توانید آنها را مشاهده و ویرایش کنید. مزیت دیگر گیتهاب اینست که افراد دیگر می توانند در کدنویسی و توسعه اپلیکیشن با شما درخواست همکاری دهند. همچنین ذخیره سورس کد پروژه هایتان در گیتهاب می تواند بعنوان یک رزومه کاری تلقی شود و لینک github خود را در رزومه خود درج کنید تا شرکت ها بتوانند براحتی پروژه های انجام شده شما را مشاهده کنند.

قدم ششم: سوال پرسیدن ضروری است، همیشه سعی کنید سوال بپرسید

آگاه باشید که سوال پرسیدن بخشی از فرآیند یادگیری است و همیشه سعی کنید سوالات خود را در گوگل سرچ کنید و در سایت های stackoverflow یا github پاسخ ها را مشاهده کنید.

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

قدم هفتم: کدنویسی فعال کلید موفقیت است

روشی که ما در این مقاله در حال بیان آن هستیم با مطالعه کتاب یا روزنامه فرق دارد. به خواندن یک سری اطلاعات یادگیری غیر فعال یا passive leaning گفته می شود. اما آنچه که ما برای یادگیری ریکت نیاز داریم یادگیری فعال یا active learning است.

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

قدم هشتم: اپلیکیشن هایی تولید کنید که شبیه اپلیکیشن های قبلی خودتان باشد

پس از طراحی اپلیکیشن تستی خود مانند todo app می توانید از خودتان بپرسید که آیا من میتونم اپلیکیشنی شبیه facebook یا twitter یا instagram اما در مقیاس کوچکتر تولید کنم؟

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

قدم نهم: بهترین پروژه های خود را deploy کنید و لینک آنها را در روزمه خود درج کنید

در نهایت پس از تولید اپلیکیشن های حرفه ای، حتما آنها را در گیت‌هاب یا در سایت خود آپلود کنید و لینک آن را در روزمه خود درج کنید. deploy کردن اپلیکیشن های react ساده است. کافیست پس از اتمام توسعه اپلیکیشن دستور npm run build را اجرا کرده و محتویات فولدر build را در هاست خود آپلود کنید.

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

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

قدم دهم: لذت ببرید!

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

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

در نهایت در تصویر زیر می توانید نقشه راه تبدیل شدن به یک فرانت اند دولوپر را مشاهده کنید:




یادگیریتوسعه اپلیکیشنتوسعه دهنده
شاید از این پست‌ها خوشتان بیاید