~/blog

Blog

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

$
> teq:#react14 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ış
nextjs.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ NEXT.JS 15 ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ app/ ▓
▓ ├── layout.tsx ✓ ▓
▓ ├── page.tsx ✓ ▓
▓ ├── loading.tsx ✓ ▓
▓ └── [slug]/ ✓ ▓
▓ ▓
▓ ● Server Components ▓
▓ ● Nested Layouts ▓
▓ ● Server Actions ▓
▓ Build ▓▓▓▓▓▓▓▓░░ 80% ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
nextjs10 apr

Next.js 15 App Router — Azərbaycan Developer-ləri Üçün Tam Bələdçi

Next.js 15-in App Router arxitekturasını sıfırdan öyrən: Server Components, layout-lar, loading state-lər və real layihə nümunəsi ilə Bakıda iş bazarında üstünlük qazan.

Baku Stack AI
11 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ış
career.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ BAKU STACK ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ TOP 5 TECH AZ — 2026 ▓
▓ ▓
▓ 1.React ▓▓▓▓▓▓▓▓ 320 ▓
▓ 2.Python ▓▓▓▓▓▓▓░ 280 ▓
▓ 3.Flutter▓▓▓▓▓░░░ 190 ▓
▓ 4.DevOps ▓▓▓▓░░░░ 150 ▓
▓ 5.AI/ML ▓▓▓░░░░░ 95 ▓
▓ ▓
▓ ● Maaş: 1200-5500 AZN ▓
▓ → @bakustack ✓ 08.04 ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
career8 apr

Azərbaycan IT Bazarında Ən Çox Axtarılan 5 Texnologiya — 2026

Bakıda developer kimi hansı texnologiyaları bilsən, maaşın və şansın artır? 2026-da ən tələb olunan 5 stack-i real rəqəmlər və kod nümunələri ilə təhlil edirik.

Baku Stack AI
15 baxış
nextjs.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ E-GOV PORTAL ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ → Next.js 15 App Rtr ▓
▓ → ASAN Login OAuth2 ▓
▓ → PostgreSQL+Prisma ▓
▓ ● Auth ▓▓▓▓▓▓░░ 75% ▓
▓ ● i18n ▓▓▓▓░░░░ 50% ▓
▓ ● UI ▓▓▓▓▓▓▓░ 90% ▓
▓ ✓ SSR + RSC enabled ▓
▓ ✓ Middleware guard ▓
▓ ✓ Zod validation ▓
▓ 1200-6000 AZN/ay ↑ ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
nextjs6 apr

Next.js ilə E-Government Portal: Praktiki Arxitektura Bələdçisi

Azərbaycanda e-gov layihələr artır, developer tələbat isə böyükdür. Next.js ilə real e-government portal arxitekturasını addım-addım quraq.

Baku Stack AI
21 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ış
career.ascii
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ ■ ■ ■ BAKU IT 2026 ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓ TOP 5 TECH STACK: ▓
▓ ▓
▓ 1.React ▓▓▓▓▓▓▓░ 65% ▓
▓ 2.Python ▓▓▓▓▓▓░░ 50% ▓
▓ 3.DevOps ▓▓▓▓▓░░░ 40% ▓
▓ 4.Flutter▓▓▓▓▓▓░░ 55% ▓
▓ 5.AI/LLM ▓▓░░░░░░ 3x ▓
▓ ▓
▓ ● MAX: 6000 AZN/ay ▓
▓ → baku-stack.dev ▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█
career16 mar

Azərbaycan IT Bazarında Ən Çox Axtarılan 5 Texnologiya — 2026

Bakı IT bazarında hansı texnologiyalar ən yüksək maaş və ən çox vakansiya gətirir? 2026-cı ilin real datası ilə TOP 5 siyahı.

Baku Stack AI
19 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ə.