توی React تغییرات Ref رو با useEffect
چک نکنید.

#react #hooks

@frontdevir

الگو های معماری نرم افزار:

-> MVC, MVP, MVI, MVVM and VIPER

@frontdevir

#DevOps vs NoOps

@frontdevir

آپدیت Tailwind

💢‌کلاس size هست، دیگه تموم شد اون دورانی که می خواستید هم width و height یکسان باشه باید دوتا کلاس می‌نوشتید. الان بجای w-5 h-5 می تونید راحت بنویسید size-5.
‌
💢‌سلکتور :has هستش که اضافه شده
‌
‌💢سلکتور direct child هست که بعضی جا برای یه سری کتاب خونه های ui که از Tailwind استفاده میکنند کاربردیه.
‌
‌برای اطلاعات بیشتر می تونید پست زیر مطالعه کنید
‌https://lnkd.in/d7EfJPhA

‌#react #css #tailwindcss #frontend

desc: Ali.A

@frontdevir

با این پلاگین تو فیگما میتونید یه شیپ رو به صورت دایره ای با تعداد مشخص کپی بگیرید.

copy and rotate

https://www.figma.com/community/plugin/1003651932772848456

#figma
#ui

@frontdevir

بیست و پنج (25)مقاله برای ایجاد پایه و اساس قوی درفرانت اند :

1) Typed Array: https://lnkd.in/dtAq5CJP

2) Array Buffers: https://lnkd.in/gjfznEJz

3) DataView: https://lnkd.in/gvtr26Pp

4) Blob Data: https://lnkd.in/gPt-yZ2W

5) Web Sockets: https://lnkd.in/gpTft3xy

6) Streams: https://lnkd.in/gcnGCem3

7) WebRTC: https://lnkd.in/g-FSpNsd

8) Http/2 protocol: https://lnkd.in/gYR9nvye

9) QUIC protocol: https://lnkd.in/gEYxjGU4

10) Media Stream: https://lnkd.in/geAxHt-F

11) Intersection Observer: https://lnkd.in/gP4sW_Zr

12) Performance Observer: https://lnkd.in/gePh55wS

13) Mutation Observer: https://lnkd.in/gfeFa9VQ

14) Resize Observer: https://lnkd.in/gjhMntVh

15) iframes: https://lnkd.in/gXWCBrX9

16) Web Cookies: https://lnkd.in/gPMUKfyJ

17) IndexedDB: https://lnkd.in/gvtTY_Yi

18) Clipboard API: https://lnkd.in/gHDNYjy9

19) File Reader: https://lnkd.in/gFA2s5jN

20) Web Workers: https://lnkd.in/g5ZifwMA

21) Web Vitals: https://lnkd.in/dMiAF9Rh

22) Memory Profiling: https://lnkd.in/gqXMguVP

23) Canvas API: https://lnkd.in/gW4dD_VP

24) WebGL: https://lnkd.in/gCa_y73y

25) Web Animations: https://lnkd.in/gWGM7i6j

source Aron M


#frontend

@frontdevir

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

@frontdevir

برای برنامه نویس خوبی بودن مخصوصا توی فرانت این موارد رو سعی کن رعایت کنی.

#frontend

@frontdevir

پلاگین های خفن فیگما تو سال 2024

https://muz.li/blog/45-game-changing-2024-figma-plugins-you-cant-miss?utm_source=extension&utm_medium=click&utm_campaign=muzli

@frontdevir

لینک بسازید و پولتون رو دریافت کنید.

https://tchex.me
به این صورته که یه لینک میده بهتون و میتونید از هرجای دنیا دلار کانادا رو دریافت کنید
هم میتونید نگه دارین هم میتونید به صورت ریالی دریافتش کنید

@frontdevir