https://courses.digitable.life/tags/react/ Recent content in React on Digitable courses Hugo ru-RU Sat, 01 Aug 2026 00:12:59 +0300 https://courses.digitable.life/post/frontend/00-overview/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/00-overview/ Что такое фронтенд как инженерная дисциплина: слои платформы, путь от URL до пикселя, стратегии рендеринга и гидратация, Core Web Vitals, честное сравнение фреймворков и карта трека. https://courses.digitable.life/post/frontend/08-react-fundamentals/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/08-react-fundamentals/ Как React превращает JSX в DOM: элементы против компонентов, состояние как снимок, реконсиляция по key, дерево Fiber, фазы render и commit — и почему приложение тормозит. https://courses.digitable.life/post/ai-engineering/07-agents-and-react/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/ai-engineering/07-agents-and-react/ Как из одного вызова модели получается агент: цикл ReAct, проектирование инструментов, стратегии планирования, четыре уровня памяти, экономика длинных траекторий и способы не дать циклу сойти с ума. https://courses.digitable.life/post/frontend/11-data-fetching/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/11-data-fetching/ Серверное состояние против клиентского: честный fetch с отменой и ретраями, гонки в useEffect, устройство кэша запросов, staleTime против gcTime, инвалидация, оптимистичные обновления с откатом и измерение водопадов в DevTools. https://courses.digitable.life/post/frontend/13-routing-and-rendering/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/13-routing-and-rendering/ Как URL превращается в экран: History API и матчинг маршрутов, каскады запросов и loader’ы, CSR/SSR/SSG/ISR/PPR, стриминг с Suspense, механика гидратации и её цена, острова, RSC и resumability — с кодом и способами всё это измерить. https://courses.digitable.life/post/frontend/16-frameworks-comparison/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/16-frameworks-comparison/ Честное сравнение React, Vue, Svelte, Angular и Solid: три модели обновления DOM, одна задача на пяти фреймворках, где протекает каждая абстракция, что показывают бенчмарки, во что обходится владение и как выбирать под задачу, а не под моду. https://courses.digitable.life/post/frontend/15-frontend-testing/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/15-frontend-testing/ Как собрать набор тестов фронтенда, который ловит настоящие регрессии: Vitest и Testing Library, перехват сети через MSW, browser mode, E2E на Playwright, детерминированная визуальная регрессия и борьба с флейками в CI. https://courses.digitable.life/post/frontend/10-state-management/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/10-state-management/ Виды состояния и где им место: useState и useReducer, честная модель React Context, внешние сторы на useSyncExternalStore, Redux Toolkit, Zustand, Jotai, сигналы и машины состояний — с профилированием и разбором, почему приложение тормозит. https://courses.digitable.life/post/frontend/12-forms-and-validation/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/12-forms-and-validation/ Где живёт значение поля, почему одна схема должна работать и в браузере, и на сервере, когда показывать ошибку, как формулировать её текст — и почему большая контролируемая форма портит INP. https://courses.digitable.life/post/frontend/09-react-hooks-and-patterns/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/09-react-hooks-and-patterns/ Как на самом деле работают хуки: слоты в fiber, снимки рендера, эффекты как синхронизация, честная цена мемоизации, кастомные хуки и паттерны композиции компонентов. https://courses.digitable.life/video/frontend-apps-lecture/ Wed, 05 Jun 2024 12:00:00 +0300 https://courses.digitable.life/video/frontend-apps-lecture/ Лекция про устройство фронтенда, роль браузера, React и основные идеи разработки интерфейсов.