رقصنده با کد – Telegram
رقصنده با کد
780 subscribers
1.69K photos
850 videos
207 files
666 links
Here are some interesting things I've come across during my learning process. That's it. Admin ID:
@alithecodeguy
Download Telegram
قصد دارم این مقاله رو ترجمه کنم.
دوستان اگر مقاله بهتری در مورد همین موضوع میشناسن لطفا معرفی کنن.
موضوع :
Event Bubbling and Event Catching in JavaScript and React
لینک :
https://www.freecodecamp.org/news/event-propagation-event-bubbling-event-catching-beginners-guide/#:~:text=event.stopPropagation(),within%20your%20event%20handler%20function.
خلاصه که ارز دیجیتال یه تیغ دو لبس.
خیر سرش رمزارز درست و حسابی‌ای هم بود. استیبل کوین منتشر کرد ، نتونست مدیریت کنه به فنا رفت.
توی ۵ روز از ۸۰ دلار اومد روی ۴ دلار.
توکن JWT به زبان ساده
برای ارزیابی عملکرد صفحات وبی که میسازید ، این معیارها رو در نظر داشته باشید.
به زودی مقاله‌ای در موردش همینجا میذارم.
#performance #web #lcp
This media is not supported in your browser
VIEW IN TELEGRAM
با create-react-app سه تا ویژگی زیر رو بدون استفاده از کتابخانه و از صفر پیاده سازی کردم:
یک : چند زبانه بودن مشابه i18n
دو : دارک مد
سه : روتر مشابه react-router
———
پر واضحه که به قدرتمندی اونا نیست ولی خب چالش خوبی بود و ممکنه به کارتون بیاد. اگر خودتون هم تکمیلش کنید چه بهتر.
لینک گیت هاب :
https://github.com/alithecodeguy/3features
آدرس کانال برنامه نویسی تلگرامی :
https://news.1rj.ru/str/alithecodeguy
#project @alithecodeguy #react #cra #i18n #reactrouter #darkmode
Media is too big
VIEW IN TELEGRAM
آموزش React Native با CLI روی مک!
این ترکیب روی توی آموزش‌ها بعیده پیدا کنید. همه روی ویندوز و expo یاد میدن.
#react #react_native
مقایسه سرعت مرتب سازی یک Array of Objects با library Lodash  و با کدی که خودمان نوشتیم مقایسه ساده المان ، همانطور که در فرتور میبینید Lodash به مراتب بهینه تر از نظر زمان اجرا میباشد کمتر از ۳ دهم ثانیه. اما performance کد که خودمان نوشتیم بهتر است
😂
#fun
تفاوت sortingهای مختلف
#algorithm
وقتی سایت کار نمیکنه
نمایش زمان جاری در پروژه‌های ریکتی
(یه گوشه نگهش دارید به دردتون میخوره. بعضی وقتنها خیلی تومخی میشه این قضیه)
نکته ۱ : دقت کنید که در انتهای useEffect براکت نذاشته. (trigger نداره)
میتونست [time] هم بذاره.
نکته ۲ : توی useEffect از interval استفاده نکنید.

#react #tip
Media is too big
VIEW IN TELEGRAM
Axios_Crash_Course___HTTP_Library
#axios
Making setInterval Declarative with React Hooks
(حوصلتون شد متن اصلیش رو بخونید. ترجمش رو یه چند روز دیگه میذارم)

https://overreacted.io/making-setinterval-declarative-with-react-hooks/
#react #interval
پیاده سازی تابع sleep() در جاوا اسکریپت برای به تاخیر انداختن اجرا
#javanoscript #sleep #promise
This media is not supported in your browser
VIEW IN TELEGRAM
برای نمایش progressbar هنگام تغییر صفحات (یا کارای دیگه) توی NextJs می‌تونید از این لایبرری استفاده کنید.
https://www.npmjs.com/package/nextjs-progressbar
کتابخانه اصلی NProgress.js هم از اینجا میتونید پیدا کنید :
https://ricostacruz.com/nprogress/
#react #nextjs #progressbar