سهیل جعفری
سهیل جعفری
خواندن ۵ دقیقه·۲ سال پیش

بازار کار react.js و next.js + نقشه راه کدنویسی وب 2023

بازار کار next.js
بازار کار next.js

سلام. امیدوارم حالتون عالی باشه. توی این مقاله میخوایم در مورد بازار کار react.js و next.js صحبت کنیم. یکی از دغدغه هایی که قبل از انتخاب یه فریمورک جاوااسکریپتی، همه بچه ها دارن. همچنین در انتهای مقاله، در مورد رود مپ یا مسیر راه برنامه نویسی وب چند کلمه رو خدمتتون میگم.

فریمورک های جاوااسکریپتی

اول به نظرم خوبه که یکم در مورد ریکت و نکست جی اس توضیح بدم.

ببینید وقتی شما javascript رو یاد میگیرید، برای ادامه راه و تبدیل شدن به یه برنامه نویس درجه یک حوزه وب، مواجه میشید با سه تا شاخه. react.js ، vue.js و angular.js. خوب؟ کدوم رو انتخاب میکنید؟ کدوم بهتره؟

به نظر من ریکت رو انتخاب کنید. چرا؟ چون بازار کار بهتری داره، باحال تره، برای اونایی که عشق برنامه نویسی هستن چالش های جذاب تری داره، تعداد توسعه دهندگانش بیشترن( یعنی اگه شما به یه مشکلی بخورید و گوگلش کنید، خیلی ساده به جواب میرسید بر خلاف دو تای دیگه) و از همه مهمتر، آینده بهتری نسبت به دو تای دیگه داره.

ریکت، ویو و انگیولار، هر سه تاشون سئو ندارن، در نتیجه برای رفع این مشکل، یه سری فریمورک بر مبنای اینا زده شده که ورژن سئودارشدهشون هست. ورژن سئودار vue.js میشه Nuxt.js. برای انگیولار میشه angular universal و مهم تر از اینا، ورژن سئو شده ریکت جی اس میشه Next.js



حالا بریم سراغ بازکار که اصل ماجرا هست.

بازار کار react.js و next.js

نمیدونم کی دارید این مقاله رو میبخونید ولی الان که من دارم این مقاله رو مینویسم، آبان 1401 هستیم. توی همین یک سال گذشته، خیلی از سایت ها شیفت کردن از وردپرس به نکست جی اس( فریمورک seo دار react.js).

دیجی کالا، فرادرس، ژاکت، تخفیفان، ترب و خیلی سایت دیگه. خیلی سایت ها هم ریکتی هستن مثل آپارات و کلی جای دیگه که به قول معروف، در این مقال نمیگنجد?

وقتی این کسب و کارهای مهم که بخش مهم کارشون، روی سایت میچرخه میرن سمت یه تکنولوژی، یعنی حداقل 5 سال آینده برنامه نویسی وب و محبوبترین تکنولوژی 5 سال آینده، اون تکنولوژی هست.

همین موضوع نشون میده که خیلی از وب سایت ها، به زودی میان سراغ ریکت و به ویژه next.js.

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

کسی هم که سایتش با ریکته، یه مقدار باهاش صحبت بکنی در مورد سئو، میفهمه که استفاده از Next.js ، خیلی براش بهتره تا react.js. چرا؟ چون هم سئو داره، هم سرعت بیشتری داره، هم کدنویسی باهاش ساده تره، هم بهینه ساز تصویر داره( یعنی وقتی عکسی رو میدید به نکست، خودش هم تبدیلش میکنه به webP و هم اندازهش رو بهینه میکنه بدون افت کیفیت). واقعا دیگه از یه فریمورک چی میخواید؟?هم لیزی لودینگ داره، هم بک اند رو آورده کنار فرانت اند(فول استک) و کلی چیز دیگه.

خلاصه به نظرم دست دست نکنید و سریع بیاید سمت ریکت و نکست جی اس. سایت خود من هم در مورد نکست هست. میتونید انتهای مقاله لینکش رو پیدا کنید...

نقشه راه برنامه نویسی وب

بعد از یاد گرفتن اچ تی ام ال و سی اس اس و جاوااسکریپت،میرسید به بوت استرپ و ریکت.

بوت استرپ رو یاد نگیرید. چون به زودی تیلویند رو یاد میگیرید. خیلی بهتره. هم سبک تره و سرعت سایت رو کم نمیکنه. هم تکراری بودن کامپوننت ها رو مثل bootstrap ندارید.

برسیم به ریکت توی ریکت کافیه دو تا چیز رو خوب یاد بگیرید،

  1. منطق کامپوننت محور بودن و با کامپوننت ها کار کردن
  2. استفاده از هوک های useState - useEffect - useRef

دو تا نکته در مورد ریکت بگم من،

اول اینکه ما همیشه از فانکشنال کامپوننت استفاده میکنیم نه کلاس کامپوننت. پس دوره ای ببینید که تمرکزش روی functional component و استفاده از هوک های ریکت باشه.

دوم هم اینکه دوره رایگان react.js توی یوتوب هست. زیاد هم هست. خیلی ساده میتونید ببینید.

ریکت رو که یاد گرفتید، میتونید توی دوره آموزش next.js مرن فا شرکت کنید. اینم رایگان هست و توش خیلی ساده میتونید نکست جی اس و تیلویند سی اس رو در کنار هم یاد بگیرید.

توی سایت ما کلی پروژه فول استک داریم. فرانت پروژه ها همیشه با next.js و tailwind.css هست و بک اند هم معمولا با node.js و MongoDB.

یاد گرفتن نود جی اس هم اصلا نگرانش نباشید. دوره رایگانش توی یوتوب هست. میتونید ببینید. فکر نکنید که شما مثلا باید بشینید و 10 ساعت آموزش نود جی اس ببینید و بعدش بیاید و پروژه فول استک زدن رو شروع کنید. نه. برید توی یوتوب، 4 - 5 ساعت از آموزش رو ببینید. موارد مهم رو یاد میگیرید. بعد بیاید و پروژه بزنید. چون توی دل پروژه همیشه آدم خیلی بهتر مفاهیم رو یاد میگیره. بعد پروژه، دوباره برید و آموزش node.js رو به صورت کامل ببینید. توی دل پروژه ها، چون آدم کاربرد یه کدی رو میبینه، خیلی بهتر توی ذهنش میشینه.

خلاصه مفید مسیر این میشه.

در مرحله اول: html - css - js

در مرحله دوم: react.js و هوک هاش

در مرحله سوم: یاد گرفتن next js و tailwind.css با مرن فا

در مرحله چهارم: یه کرش کورس در مورد نود جی اس و مونگو دیبی.( نرید 15 ساعت ویدئو در موردش ببینید. بلکه اول یه دوره مختصر مفید ببینید در حد یکی دو ساعت یا تهش دیگه 5 ساعت. )

مرحله پنجم میشه زدن پروژه فول استک با نکست جی اس و نود جی اس که توی وب سایت مرن فا، کلی از این دوره ها هست.

تمام.

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

امیدوارم این مقاله براتون مفید بوده باشه. اگر هم سوال و نظری داشتید، میتونید کامنت بزارید... ??

nextjsبرنامه نویسیnext js
مدیر و موسس وب سایت mernfa.ir + آموزش تخصصی طراحی اپلیکیشن با next.js
شاید از این پست‌ها خوشتان بیاید