~/blog

Blog

Azərbaycan developer-ləri üçün hər gün yeni məqalə

$
react.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ REACT PERF ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ useMemo → cache ▓
▓ useCallback → ref ▓
▓░░░░░░░░░░░░░░░░░░░░░░▓
▓ 10K items: ▓
▓ no memo: 12ms ● ▓
▓ w/ memo: 0.3ms ✓ ▓
▓░░░░░░░░░░░░░░░░░░░░░░▓
▓ QAYDA: ▓
▓ >2ms → useMemo ✓ ▓
▓ <2ms → skip → ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
react14 aprHERO

React-da Performans: useMemo və useCallback — Nə Vaxt Lazımdır?

useMemo və useCallback hər yerə yazmaq reflex olub? Gəl birlikdə anlayaq: bu hook-lar nə vaxt həqiqətən lazımdır, nə vaxt isə əksinə — zərərdir.

Baku Stack AI·13 baxış
react.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ REACT QUERY ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ useQuery('products') ▓
▓ ● status: success ▓
▓ ● stale: false ▓
▓ ● cache: 5m ▓
▓ ░░░░░░░░░░░░░░░░░░░░ ▓
▓ fetch ▓▓▓▓▓▓▓▓░░ 80% ▓
▓ cache ▓▓▓▓▓▓▓▓▓▓ ✓ ▓
▓ retry ▓▓░░░░░░░░ 1/3 ▓
▓ ░░░░░░░░░░░░░░░░░░░░ ▓
▓ → useState ✗ useQ ✓ ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
react10 apr

React Query ilə Server State: useState-dən Qurtuluş Yolu

Hələ də API datanı useState + useEffect ilə idarə edirsən? React Query ilə server state-i necə peşəkar səviyyədə idarə etməyi öyrən.

Baku Stack AI
14 baxış
react.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ REACT / RSC ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ Server Component: ▓
▓ fetch → render → HTML▓
▓ JS bundle: ░░░░ 0KB ▓
▓ Client Component: ▓
▓ useState ● onClick ▓
▓ JS bundle: ▓▓▓▓ 48KB ▓
▓ ──────────────────── ▓
▓ ✓ Data → Server ▓
▓ ✓ Event → Client ▓
▓ → Hybrid = Optimal ● ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
react1 apr

React Server Components — Nə Vaxt İstifadə Etməli, Nə Vaxt Yox?

RSC hər yerə lazım deyil. Bu məqalədə real kod nümunələri ilə Server Components-in nə vaxt performans artırdığını, nə vaxt isə əngəl olduğunu izah edirik.

Baku Stack AI
18 baxış
react.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ FRONTEND ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ → useForm + Zod ▓
▓ ● schema: ▓
▓ z.object({...}) ▓
▓ ● resolver: ▓
▓ zodResolver(schema)▓
▓ ● register("email") ▓
▓ ✓ type-safe forms ▓
▓ ✓ 0 re-renders ▓
▓ ░░▒▒▓▓▓▓▓▓ perf:97% ▓
▓ → RHF+Zod = standart ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
react27 mar

React Hook Form + Zod: Form Validasiyasını Peşəkar Səviyyəyə Çıxar

Formik və ya manual validasiya ilə vaxt itirirsən? React Hook Form + Zod kombinasiyası ilə type-safe, performanslı formlar yarat — real layihə nümunəsi ilə.

Baku Stack AI
15 baxış
react.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ REACT E-COM ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ● atoms/PriceTag ▓
▓ → ₼ formatAZN() ▓
▓ ● molecules/Card ▓
▓ → Badge+Price+Btn ▓
▓ ● organisms/Grid ▓
▓ → ProductCard × N ▓
▓ ● hooks/useCart ▓
▓ → localStorage ✓ ▓
▓ PERF: ▓▓▓▓▓▓▓░░ 78% ▓
▓ memo+lazy+virtual ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
react23 mar

React ilə E-commerce: Azərbaycan Bazarı üçün Komponent Arxitekturası

Tap.az, Umico və ya öz e-commerce layihən üçün scalable React komponent arxitekturası necə qurulur? Real kod, real struktur, real təcrübə.

Baku Stack AI
16 baxış
react.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ REACT QUERY ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ fetch → useQuery() ▓
▓ cache ▓▓▓▓▓▓▓░░ 75% ▓
▓ stale → refetch ↓ ▓
▓ ▓
▓ ● loading ✓ cached ▓
▓ ● error ✓ retry ▓
▓ ● stale ✓ fresh ▓
▓ ▓
▓ boilerplate: -60% ▓
▓ bugs: -85% ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
react18 mar

React Query ilə Server State: Artıq useEffect Yazma, Qardaş

Hələ də useEffect + useState ilə API çağırırsan? React Query ilə server state idarəetməsini öyrən, kodu 60% azalt, UX-i 10x yaxşılaş.

Baku Stack AI
21 baxış
react.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ STATE MGMT ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ Zustand vs RTK 2026 ▓
▓ ▓
▓ Bundle Size: ▓
▓ ZS ░░ 1.1KB ▓
▓ RTK ▓▓▓▓▓▓▓▓ 13.2KB ▓
▓ ▓
▓ Npm Downloads/week: ▓
▓ ZS ▓▓▓▓▓▓░░ 5.8M ▓
▓ RTK▓▓▓▓▓▓▓▓ 7.2M ▓
▓ ● Winner → Kontekst ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
react14 mar

Zustand vs Redux Toolkit — 2026-cı ildə hansını seçməli?

Bakıda React developer kimi işləyirsənsə, state management seçimi karyeranı dəyişə bilər. Zustand və Redux Toolkit-i real kod və rəqəmlərlə müqayisə edirik.

Baku Stack AI
24 baxış
react.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ REACT / RSC ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ Server → HTML only ▓
▓ Client → JS + State ▓
▓──────────────────────▓
▓ Bundle: ▓▓▓▓░░░░░░ ▓
▓ Before: ▓▓▓▓▓▓▓▓░░ ▓
▓ ● -38% JS ölçüsü ▓
▓ ● -1.2s TTI ▓
▓──────────────────────▓
▓ ✓ Data → Server ▓
▓ ✓ Click → Client ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
react9 mar

React Server Components — nə vaxt istifadə etməli, nə vaxt yox?

RSC hər yerə lazım deyil. Gəl birlikdə baxaq: hansı hallarda Server Components layihəni uçurur, hansı hallarda isə əlavə baş ağrısıdır.

Baku Stack AI
28 baxış
react.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ FRONTEND ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ● Storybook v8.5 ▓
▓ → npx storybook init ▓
▓ → localhost:6006 ▓
▓░░░░░░░░░░░░░░░░░░░░░░▓
▓ Components: ▓
▓ ✓ Button ▓▓▓▓▓▓░░ 75%▓
▓ ✓ Input ▓▓▓▓░░░░ 50%▓
▓ ● Modal ▓▓░░░░░░ 25%▓
▓ ○ Card ░░░░░░░░ 0%▓
▓ ↓ Deploy → Vercel ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
react5 mar

Storybook ilə Komponent Library Qurmaq: Praktiki Bələdçi

Storybook ilə öz komponent library-ni quraraq development sürətini 2-3x artır, komandanı sinxronlaşdır və portfolio-na ciddi layihə əlavə et.

Baku Stack AI
37 baxış
react.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ REACT QUERY ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ useQuery() ▓
▓ → fresh ▓▓▓▓▓░░░ ▓
▓ → stale ▓▓▓░░░░░ ▓
▓ → fetch ▓▓▓▓▓▓▓░ ▓
▓ ● cache ✓ 5 dəq ▓
▓ ● retry ✓ 3 dəfə ▓
▓ ● dedup ✓ auto ▓
▓──────────────────────▓
▓ useMutation() ▓
▓ POST → invalidate↓ ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
react1 mar

React Query ilə Server State: Artıq useEffect Cəhənnəmində Yaşama

useEffect + useState ilə API çağırışları yazmaqdan yoruldun? React Query (TanStack Query) ilə server state idarəetməsini kökündən dəyiş.

Baku Stack AI
37 baxış

📬

Yeni məqalələrdən xəbərdar ol

Hər gün Azərbaycan developer-ləri üçün yeni məqalə — emailinizə.