رقصنده با کد (و غیره)
Open in Telegram
Here are some interesting things I've come across during my learning process. That's it. Admin ID: @alithecodeguy
Show more727
Subscribers
No data24 hours
-57 days
No data30 days
Posts Archive
یکی از دوستان این سایت رو برای آیکونها معرفی کرد که دیگه نصب کتابخانه هم نمیخواد
https://icones.js.org/
سایدبار ریسپانسیو با ریکت و تیلویند
(توضیح نمیده فقط پیاده سازیه)
#react #tailwind #sidebar
برای استفاده از آیکن در ریکت میتونید از این پکیچ استفاده کنید :
https://react-icons.github.io/react-icons
اکثر فونتهای معروف رو داخل خودش داره از جمله Font Awsome و Bootstrap Icons
#react #font
برای انداختن progressbar هنگام تغییر صفحات توی NextJs از این لایبرری استفاده کنید.
https://www.npmjs.com/package/nextjs-progressbar
#react #nextjs #progressbar
پیاده سازی تابع sleep() در جاوا اسکریپت برای به تاخیر انداختن اجرا
#javascript #sleep #promise
Making setInterval Declarative with React Hooks
حوصلتون شد متن اصلیش رو بخونید. ترجمش رو یه چند روز دیگه میذارم
https://overreacted.io/making-setinterval-declarative-with-react-hooks/
#react #interval
نمایش زمان جاری در پروژههای ریکتی
(یه گوشه نگهش دارید به دردتون میخوره. بعضی وقتنها خیلی تومخی میشه این قضیه)
نکته : توی useEffect از interval استفاده نکنید.
#react #tip
مقایسه سرعت مرتب سازی یک Array of Objects با library Lodash و با کدی که خودمان نوشتیم مقایسه ساده المان ، همانطور که در فرتور میبینید Lodash به مراتب بهینه تر از نظر زمان اجرا میباشد کمتر از ۳ دهم ثانیه. اما performance کد که خودمان نوشتیم بهتر است
مقایسه سرعت مرتب سازی یک Array of Objects با library Lodash و با کدی که خودمان نوشتیم مقایسه ساده المان ، همانطور که در فرتور میبینید Lodash به مراتب بهینه تر میباشد کمتر از ۳ دهم ثانیه
آموزش React Native با CLI روی مک!
این ترکیب روی توی آموزشها بعیده پیدا کنید. همه روی ویندوز و expo یاد میدن.
#react #react_native
با create-react-app سه تا ویژگی زیر رو بدون استفاده از کتابخانه و از صفر پیاده سازی کردم:
یک : چند زبانه بودن مشابه i18n
دو : دارک مد
سه : روتر مشابه react-router
———
پر واضحه که به قدرتمندی اونا نیست ولی خب چالش خوبی بود و ممکنه به کارتون بیاد. اگر خودتون هم تکمیلش کنید چه بهتر.
لینک گیت هاب :
https://github.com/alithecodeguy/3features
آدرس کانال برنامه نویسی تلگرامی :
https://t.me/alithecodeguy
#project @alithecodeguy #react #cra #i18n #reactrouter #darkmode
با create-react-app سه تا ویژگی زیر رو بدون استفاده از کتابخانه و از صفر پیاده سازی کردم:
یک : چند زبانه بودن مشابه i18n
دو : دارک مد
سه : روتر مشابه react-router
———
پر واضحه که به قدرتمندی اونا نیست ولی خب چالش خوبی بود و ممکنه به کارتون بیاد. اگر خودتون هم تکمیلش کنید چه بهتر.
لینک گیت هاب :
https://github.com/alithecodeguy/3features
آدرس کانال برنامه نویسی تلگرامی :
https://t.me/alithecodeguy
#project @alithecodeguy #react #cra #i18n #reactrouter #darkmode
