Ramziddin — AI va dasturlash haqida

Next.js 15 yangiliklar • Eksperimental React Compiler. Endi compiler siz o‘rningizga useMemo, useCallback va boshqa optimizatsiyalarni qiladi. Bu degani kod toza, oddiy va tez bo'ladi. Zo'r! • Turbopack local dev uchun stabil bo'ldi 🎉 Turbopackdan foydalanish uchun: next dev --turbo. Bu localda ishlash jarayonini ancha tezlashtiradi. • Dynamic funksiyalar (cookies, headers, ...) endi async bo'ladi, va ularni await qilishingiz kerak. Buning uchun oddiy codemod bor va qo'lda xech narsani o'zgartirishingiz shart emas. • Endi, default ravishda, Next.js fetch requestlarni, GET Route Handlerslarni va Client Routerni cacheddan uncachedga o‘tkazdi. Endi cachedan foydalanish uchun siz cachega opt-in bo'lishingiz kerak. Yangi Next.js dasturchilar uchun bu yaxshi yangilik. Lekin manga oldingi cache defaultlar yoqardi, bu ham yomon emas. • Endi developmentda, Next.js sizga aniq ko'rsatadi – qaysi page static va qaysi page dynamic. Bu narsani next build oldin ham ko'rsatgan. Lekin endi aniq visual ravishda ham bilinadi. • Yangi <Form> component layout va loading UI-larni prefetch qilib, form submissionda client navigationdan foydalanadi, va agar JS ishlamasa oddiy form-ga fallback qiladi. • Endi next.config.js va next.config.ts (typescript) support qilinadi. Bu degani NextConfig typedan foydalanshingiz mumkin. • Hydration xatolar endi tushunish uchun osonroq bo'ldi. • instrumentation.js yordamida performance va errorlarni monitor qilib Sentry kabi servislarga ma'lumotlarni bervorishingiz mumkin. • Server actions xavfsizligi yaxshilandi • Self-host qiladiganlar uchun yangiliklar Ko'proq ma'lumot

Erkak bo'ling, unit testlar yozmasdan productionda qolda test qiling.

useEffect va useLayoutEffect visual ravishda tushunish uchun. Agar siz componentni DOM API orqali o'zgartirmoqchi bo'lsangiz, componentni foydalanuvchiga ko'rsatishdan oldin (yangi browser chizishidan oldin), useLayoutEffectdan foydalaning. Albatta, agar masalan useLayoutEffectdagi funksiya sekin bo'lsa, masalan 3 soniya vaqt olsa, bu degani browser componentni ham 3 soniyadan keyin chizadi. Shuning uchun odatda useEffect ko'proq tavsiya qilinadi, chunki u chizish jarayonini bloklab qo'ymidi. Lekin bazida shunqa bo'lishi mumkinki, component chizildi, lekin siz useEffect ichida componentni tez o'zgartirdiz – shunaqa holatda foydalanuvchilar flash ko'rishi mumkin. Yani, componentni birinchi holati. Shunaqa holatlarda useLayoutEffectdan foydalangani yaxshiroq. Lekin useLayoutEffectdagi funksiya tez bo'lishi kerak.

Man, frontendchi, online suhbatda: Ha, manda 10 yillik Senior NestJS Engineer sifatida tajribam bor Uyimdagi Tesla Robot:

React.js-da qo‘lda useEffect bilan ishlashni yaxshi ko‘rmiman. Ko‘pincha useEffect-dagi mantiq boshqa joylarda o‘sha-o‘sha boilerplate bilan yoziladi. Masalan, oxirigi jonli efirda, oddiy socket event listenerni har bitta komponentda qo‘shish uchun useEffectdan foydalanish kerak, eventni register qilish kerak, va memory leak bo‘lmaslik uchun eventni off qilish kerak. Davomi va yechim ⬇️

Yangi havola – https://youtube.com/live/UR3OOoVvz_Y?feature=share

Back after a short meal break. WebSocket o'yin yozishi davom etamiz

We're going live only on YouTube now https://youtube.com/live/HXGPnVF6ovM?feature=share

Websocket, NestJS va React.js loyiha jonli efirda, 10 daqiqada boshlimiz

Perplexity manga judayam yoqvotti. U man uchun kerakli saytlarga kirib, research qilib manga javob bilan qaytadi Ancha o'rganib qoldim, telefonda va macda ham

Boshladik

Всем привет, друзья! 👀Напоминаем, что сегодня состоится прямая трансляция на тему «Как создать успешный Telegram-канал: стратегии и секреты».🔥 Спикерами выступят: Рамзиддин Махмудов, автор Telegram-канала Ramziddin — Dasturlash haqida Умед Рахимов, автор Telegram-канала «Прагматичный реалист». Чтобы присоединиться, просто нажмите на эту ссылку или на баннер вверху канала. Ждем всех! 😉

Eski Instagram profilimga, 2016da shunaqa Codepen qo’yganman. CoffeeScriptdan foydalanganman 😁

Gotta teach em young