یه خبر خیلی مهم که شاید بعضی از افراد مطلع نباشند و شاید متوجه این تغییر نشده باشند

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

موفق باشید

https://fa.reactjs.org/

📍React Js

چگونه از socket.io در React Js استفاده کنیم
توی این مقاله قصد داریم که نحوه کانفینگ کردن و اتصال به سرور socket رو بهتون آموزش بدیم

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

موفق باشید

📍React Js
📍Socket.io

New Login Web Page

📍Ui-Ux
📍Web Template

@ReactSource

New Login Application Page

📍Ui-Ux
📍Application Template

@ReactSource

پیش نیاز هایی که واسه یاد گیری 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