ВСІ ПЛУТАЮТЬ React інпути | контроль і обман браузера (укр) скачать в хорошем качестве

ВСІ ПЛУТАЮТЬ React інпути | контроль і обман браузера (укр)

Контрольовані і неконтрольовані інпути в React — тема, на якій стабільно ламаються навіть не senior розробники. Спокійно і по-людськи розбираємо, хто насправді керує інпутами: React чи браузер, і чому від цього залежить все подальше життя твоєї форми. – що таке контрольовані і неконтрольовані інпути насправді – як працює двосторонній звʼязок між input і state – чому onChange = перерендер і коли це ок – коли useRef і DOM — кращий вибір – чому не можна міняти value напряму через ref – як FormData спрощує життя без зайвих бібліотек – які інпути ти сам обираєш, робити контрольованими чи ні – і чому input type="file" — особливий випадок Якщо після перегляду все ще здається складно — це нормально! Передивись ще раз, а краще напиши конспект. 🎨 Каляки-маляки - https://www.figma.com/board/BHN41dBIh... ❕про useRef - https://react.dev/reference/react/useRef ❕про FormData - https://developer.mozilla.org/en-US/d... 📚 Безкоштовний курс від БУЙ-studies: 👉    • html developer course   📩 Хочеш знайти “своїх”: 👉 мандруй сюди - https://t.me/bui_studies ____________________________________ 00:00 — Ключова класифікація 01:10 — Хто - React чи браузер? 02:00 — State та input - двосторонній звʼязок 03:30 — onChange, setState і логіка взаємодії 05:35 — Багато перерендерів 07:45 — Коли це нормально, а коли проблема? 08:05 — Коли контроль у DOM і браузеру 08:50 — useRef: що це і для чого він потрібен 10:20 — Чому не можна міняти value напряму через ref? 12:15 — Коли read-only доступу більш ніж достатньо? 13:10 — FormData - зручний спосіб зібрати всі значення 15:00 — Критерії класифікації інпутів 16:30 — “неконтрольований” — це нормально 16:50 — Які інпути можуть бути і controlled, і uncontrolled? 17:35 — Особливий випадок: input type="file" 18:15 — Підсумок і головна ідея вибору