پیش نیاز هایی که واسه یاد گیری React Js باید یاد بگیریم تا درک React Js برامون ساده باشه :

1-Html & Css (BootStrap , Material Ui , ... )

2-JavaScript

3-EcmaScript 6 , 7 , 8 , ...

4-TypeScript => یادگیریش قبل یا بعد یاد گرفتن پیشنهاد میشه


📍React js
📍Learn

توی React js ما یه معماری فوق العاده داریم که به نظرم این معماریش خیلی معماری استاندارد و درستیه که میتونید پروژه هاتون رو بر اساس این معماری پیاده سازی کنید هرچند که هر برنامه نویس معماری خاص خودش رو داره اما شما وقتی پروژه ای در خارج از حیطه کاری خودتون برای مثال : شرکت ها و افراد و حتی به صورت ریموت به دستتون میرسه رو دیگه با معماری خودتون نمیتونید پیاده کنید چون که باید پروژه قابل افزایش و حتی انعطاف پذیر باشه که بشه ارتقاش داد

معماری که React Js داره اسمش MVVM هستش که مخفف Model-View View Model هستش که توی لینکی که براتون میزارم یه مثال از پیاده سازی این معماری براتون زده که فک کنم بیشتر به کارتون بیاد

لینک:
https://github.com/gaplo917/mobx-react-mvvm-example

📍React Js
📍Architecture
📍Structure

شاید اخیرا کلمه SSR به گوشتون خورده باشه و دقیق ندونید که چیه و چه کاربردی داره ؟!

توی یه مقاله یه توضیح کلی راجبش دادیم که به نظرم برای فهم و درک مفهوم کلی SSR و CSR میتونه بهتون کمک کنه که لینکش رو براتون میزارم.

لینک مقاله:
https://vrgl.ir/M1V8H

📍React Js
📍SSR
📍CSR

یه مقاله پیدا کردم واسه دوستانی که میخوان فرق بین Rest Api و Graph QL رو بدونن و حتی معایت و مزایا استفاده از هرکدومو بدونن که حالا بر اساس همون سمت سرور رو پیاده سازی کنن و حتی اگه پروژه ای به دستشون رسید با دونستن تفاوت این دو گزینه بهتر را انتخاب کنند و به بهترین شکل توی پروژشون استفاده کنند

لینک مقاله:
https://www.roxo.ir/graphql-vs-rest

📍Rest Api
📍GraphQL

🔰بازار یابی ری‌اکت

🔰نمونه کار

🔰درخواست پروژه

🔰استخدام

🔰نمونه کار رایگان

🔰دریافت پروژه

🔰سوال جواب و رفع اشکلات ری‌اکت

📍لینک گروه:
@ReactQuestion
@ReactQuestion
@ReactQuestion
@ReactQuestion

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

لینک مقاله:
https://roocket.ir/articles/getting-start-on-react-native-in-2020

📍ReactNative

اینم یه مقاله کامل و مفید برای تعریف useMemo و useCallback توی React js که شاید اسمشون به گوشتون خورده باشه ولی ندونین که کاراییش چیه و کجا استفاده میشه توی این مقاله با توضیحات و مثال هایی که زده شده میتونین یه فهم کلیتی ازشون پیدا کنین

لینک مقاله:
https://virgool.io/@alirezabeigy/usememo-usecallback-react-js-ajfsndv8u96j

📍React JS
📍useMemo
📍useCallback

اینم یه سورس کد خیلی جالب 😅
ساختن پیانو با React JS

لینک سورس:
https://codepen.io/stoosh/pen/oMMWpL

📍React Js
📍Source

وقتی که یک برنامه نویس سعی می کنه پروژه رو به کارفرما تحویل بده 😂😂😂

📍Fun

خبر جدید

نسخه 18 react داره میاد و یه سری چیزای جدید با خودش داره میاره که فک کنم با next شاخ تو شاخ شده 😄 و این خبر رو سه چهار روز قبل از کنفرانس next اعلام کرد 🤔 همونطورم که میدونین بین اپدیت از ورژن 16 به 17 دو سال و نیم طول کشید ولی کمتر از 1 ساله که داره نسخه 18 رو میده !! منتظر بروزرسانی خودتون باشید

لینک مقاله:
https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html

📍News
📍React

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

امیدوارم مورد استفاده قرار بگیرد👌🏻

لینک مقاله:
https://virgool.io/JustReact/%D8%A2%D9%BE%D8%AF%DB%8C%D8%AA-%D8%B1%DB%8C-%D8%A7%DA%A9%D8%AA-%D8%A8%D9%87-%D9%86%D8%B3%D8%AE%D9%87-18-%D8%A2%DB%8C%D8%A7-%D8%A2%D9%BE%D8%AF%DB%8C%D8%AA-%D8%A8%D8%B2%D8%B1%DA%AF%DB%8C-%D8%AF%D8%B1-%D8%B1%D8%A7%D9%87-%D8%A7%D8%B3%D8%AA-dixveqgtdpa6


Community: @ReactSource

ویژگی های ارائه شده در نسخه ۶ پکیج react-router-dom که خیلی از دوستان دچار مشکل شده بودن برای استفاده ازش، در این مقاله تمامی فیچر های اضافه شده را به صورت قابل قبولی توضیح داده همچنین میتونین به داکیومنت خود پکیج هم مراجعه کنید.

لینک مقاله:
https://virgool.io/@Hasan-Mir/react-router-v6-part1-evb33if5swm5

داکیومنت اصلی پکیج:
https://reactrouter.com/docs/en/v6/getting-started/overview


Community: @ReactSource

پکیج زیر برای افزودن انیمیشن به المنتای سایت شماست یک پکیج خیلی کاربردی که میتونه جلوه زیبایی به سایت شما بده

لینک پکیج:
https://michalsnik.github.io/aos/


Community: @ReactSource

توی لینک زیر یه قالب داشبورد حرفه ای طراحی شده که برای ایده گرفتن طراحی داشبورد میتونه بهتون کمک کنه و همچنین نسخه rtl هم داره

لینک:
http://skote.vuejs-light.themesbrand.com/

Community: @ReactSource

اینم یه سایت که کلی لودر و پری لودر داره که میتونین توی سایتتون ازشون استفاده کنید😃

لینک سایت:
https://www.sliderrevolution.com/resources/css-loaders/


Community: @ReactSource

22 ابراز که نیازمند توسعه دهندگان React هستند، که شاید از خیلیاشون توی پروژه هاتون ازشون استفاده کرده باشید اما با بقیشون هم آشنا بشید بد نیست 😊

لینک سایت:
https://blog.faradars.org/important-tools-for-react-developers/


Community: @ReactNative

شاید برای بعضی ها سوال باشه که کاربرد هوک های ری اکت در کجاست و شایدم اسمشونو شنیده باشین و نتونسته باشین ازشون استفاده کنین و خیلی چیزای دیگه،
توی این مقاله ای که میزارم چند تا از مهم ترین هوک های ری اکت رو اومده خیلی کامل توضیح داده که با خوندن این مقاله دیگه سردرگمی از بابت هوک ها ندارید 😊

لینک مقاله:
https://virgool.io/@faridshariati989/%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D8%AA%D9%85%D8%A7%D9%85-%D9%87%D9%88%DA%A9-%D9%87%D8%A7%DB%8C-react-js-o065rkwm4qju


Community: @ReactSource

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

لینک مقاله:
https://blog.faradars.org/start-using-react-query/

لینک داکیومنت:
https://react-query.tanstack.com/


Community: @ReactSource