TGViewer
Qishloqi 👨‍💻 Qishloqi 👨‍💻 @qishloqi_dev · 56 subscribers
Post #48 404
Qishloqi 👨‍💻 Photo
Kecha @sbcommunityjs o'tkazgan ichki conferensiyada React Compiler, Animatsiyalar va AI modellarni browserda run qilish haqida gaplashdik. Hamma dokladlar juda qiziq bo'ldi. Ayniqsa animatsiylarni performance concernlarni bo'yicha ko'p narsa o'gandim.

Conferensiyadan keyin shu mavzu bilan ko'proq qiziqib internetda qidirib ko'rdim.

Animatsiyalar haqida qisqacha notelarim:
Layout thrashing animatsialarda asosiy bottlenecklardan biri.
Layoutni qayta hisoblashga majbur qiladigan narsalar: Link.
Css bilan animatsiya qilishda top, left va h.k.z larni o'rniga transform lardan foydalanish kerak.
Performance uchun cssdan, canvas, webgl, webgpular tomon o'tkazish kerak lekin bu texnologialar kompleksroq. Bazi paytlar shunchaki video qo'yib qo'yish arzonroq tushishi mumkin.

Compiler bo'yicha:
Qanchalik hohlasakda 1ta o'q bilan reactdagi hamma muammolarni hal qilmaydi. Ko'p hollarda compiler yaratgan natijani o'qib, qo'l bilan (manual) tekshirib chiqish kerak. Memoizatsiyani har doim ham to'gri qilmaydi ayniqsa useMemo bilan allaqachon yozgan kodimizni optimizatsiya qilish jarayonida buzilishlar kuzatilishi mumkin. Lekin compilerni juda keng darajada configlar orqali sozlasa bo'ladi.

@qishloqi_dev
Gist What forces layout/reflow. The comprehensive list. What forces layout/reflow. The comprehensive list. - what-forces-layout.md
  • 🔥 2
More from @qishloqi_dev
  1. Sep 19, 20264 hours of sleep = 4 shots of espresso. And I'm back at it on a Saturday
  2. Sep 18, 2026I think this is important: https://keepandroidopen.org/
  3. Sep 18, 2026Android 17 is the first since 3.x to add new APIs without releasing to the AOSP Article, C…
  4. Sep 14, 2026@kulgan_kal
  5. Aug 25, 2026Tmuxda bir nechta windowlarda Claude sessionlarni ishlatsangiz qo'l keladi: https://github…
  6. Aug 18, 2026https://caiustheory.com/git-git-git-git-git/
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →