Frontend with Erfun👨🏻‍💻 – Telegram
Frontend with Erfun👨🏻‍💻
221 subscribers
40 photos
21 videos
4 files
76 links
اینجا یه سری رفیقیم که میخوایم کنار هم خیلی استاندارد از
تجربیات مثبت و منفی همدیگه در مسیر پیشرفت استفاده کنیم🤍
Download Telegram
یکی از دیزاین پترن های جالب ریکت custom hook هست

به این صورت که ما کلا منطق خاصی رو داخل فانکشنال کامپوننت نگه نمیداریم و هر منطق و فانکشنی که با هوک های دیگه مثل useEffect و useState سرو کار دارن رو میبریم داخل یک custom hook و صرفا از دیتای بازگشتیش استفاده میکنیم.

از خوبی هاش میشه به این موارد اشاره کرد:
1. readability: of functional components
2. reusability: of logics and states
3. testability: can be easily tested while we have separated the logic
4. scalability: it could be scaled as much without having too long functional component code bases.

حالا این custom hook میتونه هرکاری مثل فچ کردن یه سری دیتا، نگه داشتن یه سری فانکشن و استیت داخل خودش، هندل کردن side effect ها و... رو داشته باشه.

اینم یه نمونه ای هست که با همچین پترنی نوشتم و فکر میکنم که خیلی میتونه کیفیت کد های ریکتیمونو بیشتر کنه:
https://github.com/erfunit/transfer-list-component
👍12
سلام رفقا خوبین؟
یه موقعیت کار با حقوق ثابت هست
و خوبیش اینه که با خودم کار میکنید و سطحتون هرچی که باشه من کمکتون میکنم که توی پروژه واقعی پیشرفت کنید و چیزای جدید یادبگیرید😁

ریکت اگر بلد هستید بهم پیام بدید و رزومه بفرستید.

نکاتی که باید توجه داشته باشید:
۱. مهارت غیر فنی از فنی برام خیلی مهم تره مثل خوش قول بودن و مدیریت زمان و صداقت و اینجور داستانا
۲. برای این موقعیت تست فنی میگیریم و مورد بررسی قرار میگیره (ولی بخاطر نکته ی اول، با خیال راحت انجامش بدید)
۳. آشنایی با نکست و تایپ اسکریپت مزیت حساب میشه ولی ریکت و تیلویند رو حتما باید بلد باشید
6
Frontend with Erfun👨🏻‍💻
سلام رفقا خوبین؟ یه موقعیت کار با حقوق ثابت هست و خوبیش اینه که با خودم کار میکنید و سطحتون هرچی که باشه من کمکتون میکنم که توی پروژه واقعی پیشرفت کنید و چیزای جدید یادبگیرید😁 ریکت اگر بلد هستید بهم پیام بدید و رزومه بفرستید. نکاتی که باید توجه داشته باشید:…
خب از این آگهی که گذاشتم تعداد زیادی رزومه برام اومد و یه تعدادی رو مصاحبه کردم باهاشون

عزیزایی که قبول شدن مرحله اول مصاحبه رو، براشون تست فنی رو ارسال کردم که انجام بدن و بریم واسه مراحل بعدی و انشالله همکاری👍🏻🔥



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

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

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

۴. و در نهایت هدف جلسات مصاحبه فقط دریافت کردن حس و انرژی مثبت کافی و جلت اعتماد هست. تمامی سوالات فنی که وجود داره رو شما داخل اینترنت و هرجایی میتونید بخونید و اگر استفاده و کاربرد خاصی براتون نداشته باشه به نسبت قوی بودن حافظه کوتاه مدتتون تو یه تایمی فراموشتون میشه.

در نظر داشته باشید که من خودمم مصاحبه های زیادی رو شرکت کردم و میکنم (نه صرفا به هدف استخدام شدن) و اینا تجربه های واقعی خودم بود.
مرسی از دوستایی که رزومه فرستادن و همراهی کردن❤️🔥
تمامی دغدغه ها، ابهامات و اشتباهای شما کاملا برای من و امثال من قابل درکه چون قطعا ماهم یه روزی از‌همین‌ مراحل شروع کردیم.

امیدوارم تجربه جالبی برای دوستانی که شرکت کردن بوده باشه و‌عزیزایی که افتخار صحبت باهاشون رو نداشتیم هم این پست بدردشون خورده باشه😁
8👍2
سلام رفقا امیدوارم حالتون عالی و درجه یک باشه🔥

ابزار‌ هایی که‌ توی این مقاله معرفی شده رو من مدت زیادیه‌ دائما دارم‌ ازشون استفاده میکنم و هم توی پروژه ها به نتایج خوبی میرسم هم تسک های فنی خفن رو باهاشون پیش میبرم(وقتایی که بشه از ابزار های این چنینی استفاده کرد)

https://dev.to/miguelrodriguezp99/frontend-resources-v2-57mj

دریابیدش که خیلی تکمیله
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥4👍1
Frontend with Erfun👨🏻‍💻
سلام رفقا امیدوارم حالتون عالی و درجه یک باشه🔥 ابزار‌ هایی که‌ توی این مقاله معرفی شده رو من مدت زیادیه‌ دائما دارم‌ ازشون استفاده میکنم و هم توی پروژه ها به نتایج خوبی میرسم هم تسک های فنی خفن رو باهاشون پیش میبرم(وقتایی که بشه از ابزار های این چنینی استفاده…
کلا این سایت dev.to رو خیلی هستم باهاش
یادمه توی مصاحبه فنی اسنپ که بودم سوالای به شدت سخت و عجیب غریب ازم میپرسیدن
بعد من اخرش دیگه اعصابم خورد شده بود از مسئولش پرسیدم اینارو باید از کجا یاد گرفت یکی از منابعی که معرفی کرد همین سایت بود😂

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

خلاصه که دریابیدش😁
🔥83
برای رفقایی که تازه به جمع ما پیوستن😁
اگر اول مسیر هستید
من دوتا دوره ی رایگان دارم

⚙️
اولیش دوره ی جاوا اسکریپت هست که به صورت crash course هست و مطالب اصلی جاوا اسکریپت رو با مثال های کاربردی داخلش کاور کردم
و داخل یوتیوب هست
اینم لینک پلی لیستش:
https://youtu.be/8aKeGsW96rY?si=lfJio3ozg5tsgr7b
________________________

⚙️
دومین دوره هم دوره ی تایپ اسکریپ هست که رایگان هست و داخل چنل پرایویت تلگرام هست
اگر میخواید توی این دوره شرکت کنید بهم پیام بدید که لینک براتون بفرستم👍🏻
@erfundev

________________________

و خبر خوب🔥
احتمالا قراره به زودی یه دوره ی خیلی خفن و کامل کار با API به صورت حرفه ای مخصوص فرانت اند دولوپرا درست کنم که مطالب خیلییی زیادی رو قراره کاور کنم داخلش.
از ساده ترین مطالب که راجع به کد های ایسینکرونوس هست تا بحث caching همراه با react query داخل ریکت و SWR
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13
درود رفقا وقتتون بخیر
من جدیدا شروع کردم دارم گولنگ رو یاد میگیرم برای توسعه ی بک اند
کسی از شما اگه دوست داره توی این مسیر باهام همراه بشه بهم پیام بده
یه کد تخفیف ۳۵ درصدی از این دوره هم از طرف من میرسه بهش😁🤝🏻

@erfundev
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
درود رفقا امسال ایونت جذاب فرانت چپتر شیراز هست
خوشحال میشم اگه افتخار ملاقات باهاتون رو داشته باشم

https://frontchapter.ir/event/

رفقایی که اصفهان هستن و میخوان حضور داشته باشن بهم پیام بدن برای رفتن هماهنگ بشیم باهم🔥🥕
@erfundev
🔥7
Media is too big
VIEW IN TELEGRAM
همایش فرانت چپتر امسال😁
ارائه‌ی اول، راجع به موضوع ترند هوش مصنوعی و تاثیرش روی بیزنس های مختلف و ایده های مختلفی که اجرا میکنن.
ارائه دهنده: مجتبی افراز - مهندس نرم افزار در تپسل
🔥7
Media is too big
VIEW IN TELEGRAM
و تجربه های جذاب و شنیدنی مسعود بیگی عزیز، مدیر فنی رسمیو.
👍9
Media is too big
VIEW IN TELEGRAM
عرفان عباسی، تک لید کارگزاری مفید. راجع به مسیر و پستی بلندی های داستان یک برنامه نویس صحبت میکرد. براتون این تیکه که راجع به مصاحبه و رزومه نویسی بود رو گرفتم چون میدونم میتونه خیلی براتون مفید باشه.
5
This media is not supported in your browser
VIEW IN TELEGRAM
انجام اولین تسک در دنیای واقعی.
1
Media is too big
VIEW IN TELEGRAM
بر فرض که شما نینجا هم هستین🥷

- سافت اسکیل
- استفاده از ابزار های موجود
Media is too big
VIEW IN TELEGRAM
همه چیز کد نیست
خیلی وقته این کتابخونه ترند شده
ولی من جدیدا دارم باهاش کار میکنم

و واقعا تا قبل از استفادش مدیریت search params های پیچیده و زیاد برام کابوس بود مگر اینکه کلی وقت میذاشتم خودم یدونه internal state management مینوشتم براش

https://nuqs.47ng.com/
دریابیدش که خیلی کار راه بندازه 🔥

-------
ذخیره کردن استیت های مربوط به سرچ و فیلتر داخل لیست
یا تغییراتی که توی صفحات محصول کاربر ایجاد میکنه (مثل چک کردن سایز ها و رنگ های دیگه ی محصول) جزو Good Practice ها حساب میشه که هم تجربه کاربری بهتری داره و هم جزو نکاتی حساب میشه که رعایت کردنش توی تست های فنی شمارو یه لول بالاتر نشون میده
-------
البته توی ایجاد تغییرات توی url محتاط باشید. ⚠️
push نکنید
بجاش replace کنید
چون که وقتی کاربر تغییرات زیادی اعمال میکنه انتظار داره با back navigation برگرده به صفحه ی قبل، نه تغییرات قبلی!
🔥62