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

وب سایت react.ir و ادامه فعالیت وبلاگ من

بالاخره بعد از مدت ها تونستم وب سایت react.ir و راه اندازی کنم و دردسترس قراربدم. هدفم این بوده که بتونم تمام مقالات که مینویسم و اموزش‌هایی که تو یوتیوب به صورت رایگان میزارم و یکجا بتونم کنارهم داشته باشم تا شما دنبال کننده‌های کانال یوتیوب و ویرگول من بتونید تمام محتوای ساخته شده رو همرو یکجا کنار هم داشته باشید و راحت بتونید به محتوا دسترسی پیدا کنید.

علاوه براین کنترل کامل روی پلتفرم باعث میشه که بتونم فیچرهای کاربردی اضافه کنم که به خواننده کمک کنه فرآیند یادگیریش ساده تر بشه. برای مثال از این بعد تو قسمت مقالات میتونم کامپوننت‌های ری‌اکت رو بدون نیاز به dependency به code sandbox یا سرویس های third party مشابه (بدون نیاز به iframe) رندر کنم تا همونجا بتونیم (با استفاده از MDX) کدهایی که داخل مقاله گفته شده رو اجرا کنیم و نتیجه رو ببینم و خب ویرگول این امکان و به من نمیداد.

اسم دامنه رو از کجا اوردی؟

یه شب ساعت ۳ - ۴ صبح دامنه تو سایت nic.ir ازاد شد و اونو به نام خودمون ثبتش کردیم. خیلی اسم قشنگیه دوسش دارم. خیلی سخته که اشتباه تایپش کنی، اشتباه بخونیش و یا اسمشو یادت بره!
پیشنهاد خریدهم داشته، خریدار یه چیزی حدود ۱۵۰۰ دلار قیمت داد که اسم دامنه رو بخره ولی خب من برنامه دیگه‌ای براش داشتم. میخواستم برم دنبال passion ام و خودم یه چیز جدید خودم شروع کنم و entrepreneur بشم.

مقاله جدید

همین الان که دارم این پست و مینویسم یه مقاله جدید و کامل و طولانی که ریزبه‌ریز تمام تریک‌ها و نکات بالابردن پرفورمنس وب اپکلیکیشن‌های ری‌اکت و ری‌اکت نیتیو و با استفاده از الگورتیم memoization و هوک های useMemo و useCallback و تابع memo هستش و نوشتم داخل وب سایت react.ir گذاشتم.

https://react.ir/blog/post/memoization-in-react-feat-hooks

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

قسمت مقالات وب سایت react.ir
قسمت مقالات وب سایت react.ir

مقاله رو بخونید، سوالی داشتید همونجا زیر مقاله میتونید کامنت بزارید و بپرسید. لینک مقاله رو با دوستاتون به اشتراک بزارید و دراخر اگر سوالی نداشتید چندتا ? تو قسمت نظارت بزارید که بدونم دوستش داشتید (کسایی که تو یوتیوب دنبال میکنن میدونن ? چیه)

کانال یوتیوب؟

چند سال پیش که کرونا بود اخر هفته‌ها به علت شیوع بیماری کرونا به جای تفریح و گشت و گذار و فعالیت های بیرون خونه مجبور بودم یه جوری زمان رو داخل خونه بگذرونم. پس تصمیم گرفتم یه کانال یوتیوب درست کنم و ویدیوهای آموزشی بزارم (و فهمیدم که چقدر آموزش دادن و دوست دارم) و خب چندتا ویدیو اولی که درست کردم با اینکه امکانات کافی نداشتم، بازخورد خیلی خیلی خوبی داشت و اینفلوئنسی که روی کامیونیتی داشت و همین امروزهم بعد از گذشت چند سال هنوز میتونم ببینم (احتمالا اکثر شما که این مقاله رو میخونید تا الان یکبار اسم ری‌اکت کوئری و شنیدید و ازش استفاده کردید و میدونید چقدر کار و راحت میکنه)
موقع ادیت ویدیو ضبط شده، دستگاه بالای ۲۰ بار میگفت که رم کم اوردم و باید off load کنم همه چیو تو storage و چون storage کلا ۱۲۸ گیگ بود باید یه هارد اکسترنال وصل میکردم بعد از اونجا ادیت میکردم و سرعت ادیت خیلی میمومد پایین. از دوربین موبایل ایفون ۷ برای ضبط ویدیو های اول و اخر ویدیو ها استفاده میکردم کلا کیفیت جالبی نداشت و از اونطرف داخل خونه ضبط کردن ویدیو به علت نور کم خودش یه مسئله دیگه بود که باعث میشد ویدیوها کیفیت جالبی نداشته باشن. و خب مهمترین ابزار برای ضبط اموزش میکروفون بود که من از یه میکروفون یقه‌ای ساده برند بویا که صدای همه چیز و از همه جا رکورد میکرد و کیفیت جالبی نداشت استفاده میکردم.

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

به احتمال خیلی زیاد اکثریت دنبال کننده‌های من داخل ویرگول اصلا نمیدونن که من کانال یوتیوب دارم و اون ویدیوهارو از دست دادید.

برای اطلاع از اخرین ویدیوها و دیدن لیست ویدیوهای یوتیوب من به صفحه ویدیو کست داخل وب سایت react.ir مراجعه کنید.

https://react.ir/videos

پیشنهاد میکنم حتما حتما ویدیو آموزش React Query و ببینید. (تا الان 4,254 بار دیده شده و ۷۵ نفر کامنت گذاشتن ?)

https://youtu.be/bhn-4qZewak

کانال تلگرام

داخل تلگرام معمولا لینک ویدیو‌هایی که تو یوتیوب اپلود میکنم یا لینک مقالاتی که داخل وب سایت react.ir مینویسم و repost میکنم.
و البته هروقت یه نکته مهم به دردبخور که کمک میکنه اپلیکیشن بهتری بنویسید و پیدا کنم که نمیتونه یه مقاله یا یه ویدیو یوتیوب باشه رو اونجا میزارم.
میدونیستید اگر اسم تابعی که میخواید از کتابخونه lodash ایمپورت کنید داخل قسمت from بزارید، و از index lodash ایمپورت نکنید ۲۰ کیلیوبایت (gzip شده) (اگر فکر میکنید ۲۰ کیلیوبایت کمه باید بگم که نههه، ۲۰ کیلیوبایت خیلیههههه!!) حجم باندلتون کم میشه و سرعت برنامه‌تون بیشتر میشه؟

اگر نکته بالارو نمیدونستید میتونید کانال تلگرام react.ir و به ادرس @react_ir دنبال کنید.

https://t.me/nima_arf

حرف آخر

سایت react.ir هنوز کامل نشده و نیاز داره به شما که ازش استفاده کنید، ایراداتش برطرف بشه، اگر نکته‌ای دارید که فکر میکنید کمک میکنه react.ir پیشرفت کنه و بهتر بشه حتما با خود من در تلگرام @nima_arf درمیون بزارید که پلن بشه و بعدش پیادش کنم.

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

از ویرگول که این پلتفرم و ساخته داده تشکر میکنم. به من خیلی کمک کرد که بتونم از comfort zone خودم بیرون بیام و بنویسم، بخونم و بتونم با شما تعامل داشته باشم.
گاهی وقتا تا ۳،۴ صبح بیدار میموندم که مقاله تموم بشه که یه دفعه ادیتور ویرگول کرش میکرد و هرچی نوشته بودیم پاک میشد و محبور میشدم فرداش از اول همرو بنویسیم. (همشم نه، بستگی داشت که اخرین checkpoint کی بوده باشه - معمولا یکی دوساعت از کارمون میپرید).
مجبور بودم کد. کپی کنم داخل بلاک کد ویرگول چون لینک‌های github gist و درست نشون نمیداد.
و وقتی لینکی رو داخل تلگرام میذاشتم instant view تلگرام درست باکس هارو نشون نمیداد و مجبور بودم زیرشون تو پرانتز به کاربر توضیح بدم که از حالت instant view بیرون بیان تا اون قسمت و درست ببینن.
با همه این مشکلات و سختی‌ها ویرگول تجربه خیلی خیلی جذابی بود.

و همچنین از شما دنبال کننده‌ها که وقتتون و گذاشتید و خوندید و منو دنبال کردید و بهم انرژی دادید که ادامه بدم خیلی خیلی ممنونم.

وب سایتبرنامه نویسیreactاموزش برنامه نویسی
برنامه نویس وب و فرانت‌اند و ری‌اکت و وب سایت https://react.ir
شاید از این پست‌ها خوشتان بیاید