🔰 قوانین تبدیل عددی.

چگونه به برنامه‌نویس بهتری تبدیل شویم؟!

شاید خوندن این مقاله خیلی از ابهامات و مشکلات شمارو حل کنه 👌🏻

https://www.google.com/amp/s/7learn.com/tutorials/how-to-become-better-programmer%3famp=1

خیلی از دغدغه های اکثر برنامه نویسا ساختن Pagination هستش که حالا به هر دلیلی باهاش مشکل دارن و دنبال پکیج هستن اما من یه Custom Hook نوشتم که کارتون رو خیلی راحت کرده میتونین ازش استفاده کنید

برای استفاده نیازمند این هستش که لیست کل دیتا رو بهش بدین و تعداد ایتمی که میخوایین توی هر صفحه داشته باشید :)

موفق باشید

آدرس سورس:
https://github.com/mohammadsalehkarimi/CustomHook-usePagination

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

یه مقاله هستش که ریداکس رو براتون توضیح میده و دیگه نیاز نیست دچار سردرگمی بشین :)

موفق باشید

لینک مقاله:
https://www.lydaweb.com/redux-%DA%86%DB%8C%D8%B3%D8%AA-%D9%88-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%A2%D9%86-%DA%86%D9%87-%D9%85%D8%B2%D8%A7%DB%8C%D8%A7%DB%8C%DB%8C-%D8%AF%D8%A7%D8%B1%D8%AF

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

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

لینک مقاله:
https://roadmap.sh/frontend

یه مقاله پیدا کردیم واسه دوستان ری اکت نیتیو کارمون و علاقه مندان این حوزه که تمام اطلاعات کلی که لازمه بدونن رو توی این مقاله میتونن مطالعه کنند

موفق باشید

لینک مقاله:
https://7learn.com/programming/what-is-react-native

📍React Native

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

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

موفق باشید

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