سلام دوستان
این کانال رو برای اطلاع رسانی درباره برنامه‌های سایت react.ir، کانال آپارات و مقالاتی که تو ویرگول قرار میدم ساختم

یه مدته سرم خیلی شلوغ شده و نمی‌تونم داخل ویرگول مقاله بنویسیم، نوشتن مقاله‌ایی که خوندنش واسه شما ۷ الی ۱۰ دقیقه زمان میبره حدود ۲ یا ۳ ساعت زمان میبره و من اینقدرم کار سرم ریخته که وقت ندارم بنویسم :(

ولی خب وقت دارم که ویدیو ضبط کنم :)

واسه شروع دوباره آموزش React Router رو ضبط کردم و از ۱۵ قسمتی که واسش درنظر دارم ۵ قسمتشو آماده کردم و تو کانال آپارات گذاشتم.

تصمیم گرفتم بعضی از صحبتامو به صورت صدا (Voice) داخل کانال تلگرام هم قرار بدم، ضبط کردن صدا دیگه واقعا کار ساده‌ایی هستش و خیلی راحت میشه انجامش داد :) (اینطوری کمتر تنبلی می‌کنم)
از طرفی سایت react.ir به نام من هستش، به فکر راه اندازی اونم باید باشم!

پس از این به بعد کمتر داخل ویرگول درباره ری‌اکت می‌نویسم و ترجیح میدم نکات کوتاه رو داخل کانال تلگرامم قرار بدم و ویدیوها رو داخل آپارات آپلود کنم.

لینک کانال تلگرام: https://t.me/react_ir
لینک کانال آپارات: https://www.aparat.com/nima_arf

http://vrgl.ir/uexNX

آموزش ری‌کت روتر ۵
React Router 5 Training

https://www.aparat.com/v/6j2U8


۶ قسمت رو ضبط کردم و ۱۰ تا دیگه مونده!

قسمت‌های ۶،۷،۸ آپلود شد و در لیست پخش آپارات قرار گرفت.

سرفصل ویدیو‌ها
- کاربرد withRouter و پراپ‌های location, match و history
- ساخت نویگیشن با NavLink
- ساخت Template برای استفاده راحت تر از Footer و Header در تمامی صفحات


یکم تنظیمات میکروفون رو تغییر دادم باید کیفیت خیلی بهتری داشته باشن

ویدیوها با کیفیت ۱۰۸۰ ضبط میشن و می‌تونید با استفاده از گزینه تغییر کیفیت نسبت به سرعت اینترنتتون کیفیت رو تغییر بدید

https://www.aparat.com/v/9BwxQ

توضیح مختصر درباره آموزش React Router و بررسی سرفصل‌ها! 🛣🔐🛤

سرفصل قسمت‌های ضبط شده 📼
1- setup
2- router / browser router
3- route
4- history.push / link
5- template
6- navlink
7- withRouter / useContext()
8- 404 Page
9- url params

سرفصل قسمت‌هایی که در آینده ضبط میشن! 📸⏳

10- data fetching
11- authentication / private route
12- history.state
13- history.push
14- redux and react-router
15- code spliting, react lazy, supsense
16- testing


#ReactRouter

قسمت‌های ۹ و ۱۰ آپلود شد و در لیست پخش آپارات قرار گرفت. 📽

سرفصل ویدیو‌ها
- اضافه کردن صفحه ۴۰۴ به پروژه با استفاده از Switch
- استفاده از پارامتر‌ها برای خواندن اطلاعات از URL


https://www.aparat.com/v/oeuN6

#ReactRouter 🛣

سلام دوستان امشب چند قسمت دیگه از آموزش ری‌اکت روتر 🚀🚀 رو ضبط میکنم فقط قبلش نیاز هستش که روش کار با کانتکست 🛹🛹 رو بدونید، واسه همین یک مقاله ۲ قسمتی نوشتم که با مطالعه این مقاله 🔮 می‌تونید کانتکست رو درک کنید و باهاش کار کنید

لینک قسمت اول مقاله

http://vrgl.ir/8UHC0

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

http://vrgl.ir/dV8UZ

معرفی گروه‌های تلگرامی ری‌اکت

گروه تهران ری‌اکت
@tehranreact

گروه جامعه ری‌اکت ایران
@iran_react_community

گروه ری‌اکت
@ReactGroup

درباره اینکه باید تو کدوم گروه عضو بشید باید بگم فرقی نداره، من باشم تو همشون عضو میشم هزینه‌ایی که نداره
حتی ۱ بارم کار منو راه بندازه کافیه
و همه گروه‌هایی که معرفی کردم درباره React و React Native صحبت می‌کنن و سطح همگی یکسان هستش ولی قوانین گروه‌ها متفاوت هستش (شاید یک گروه صرفا برای سوال و جواب باشه و چت کردن مجاز نباشه و ...)

قسمت‌های ۱۱، ۱۲، ۱۳، ۱۴، ۱۵، ۱۶ آموزش React Router 5 آپلود شد و در لیست پخش آپارات قرار گرفت. 📽

سرفصل ویدیو‌ها
- اضافه کردن فرم لاگین
- اضافه کردن کانتکست برای مدیریت وضعیت لاگین کاربر
- اتصال کانتکست به کامپوننت‌ها + ساخت صفحه پروفایل
- ساخت کامپوننت PrivateRoute
- ذخیره وضعیت لاگین کاربر در localstorage
- اضافه کردن صفحه خروج

https://www.aparat.com/v/P3uB5

توجه کنید برای درک بهتر این ۶ قسمت نیاز هستش که کار با Context Api رو بلد باشید

#ReactRouter 🛣

سلام به همگی

لایو گذاشتم برای ساخت یه کانتکست برای مدیریت استیت و این چیزا

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

https://codesandbox.io/live/qxpon3

چند دقیقه دیگه شروع می کنم