Рубрика «React»

в 7:23, , рубрики: next.js, React, Registry, shadcn, Tailwind CSS, ui-компоненты

Красивое превью компонента ещё не доказывает, что он заработает за пределами каталога. Меня интересовала конкретная цепочка: получить инструкцию для ИИ, установить исходники в отдельный Next.js-проект и изменить содержание, сохранив устройство блока.

Я разрабатываю VibeUI, поэтому сразу обозначу заинтересованность. Это разбор одного собственного компонента, а не независимый рейтинг библиотек. Практическую установку, проверки и подготовку материалов 2 ноября 2026 года выполнял coding-агент. Ниже — фактический результат и границы проверки.

Что проверяем

Читать полностью »

в 8:51, , рубрики: concurrency, fiber, javascript, React, react 19, react fiber, starttransition, конкурентный рендеринг

Начиная с React 18 рендер можно прервать: срочные обновления обгоняют несрочные, даже если React уже взялся за несрочное. Если задуматься, вопросов много:

  • Как React посреди рендера отдаёт поток браузеру, чтобы тот обработал ввод, а потом продолжает с того же места?

  • Почему до React 16 он так не умел?

  • Кто решает, какие обновления срочные, и почему большинство рендеров не прерывается вообще?

  • Что происходит с незакоммиченными обновлениями, когда пришло что-то срочное?

  • Читать полностью »

в 12:31, , рубрики: ePub, fb2, node.js, open source, postgresql, React, Веб-разработка, личная библиотека, чтение книг

в 13:19, , рубрики: mvp, React, vite, web audio api, дислексия, клавиатурный тренажер, обучение детей, слепая печать

Я преподаю детям программирование и вижу одну и ту же картину: на обычных тренажёрах печати дети быстро устают, начинают отвлекаться, а некоторые просто просят выключить. Тренажёра для детей с дислексией я не нашла ни одного. Ждать, пока его кто-то придумает, я не стала и сделала свой — Клавитраж.

Идея пришла не только с занятий: у меня самой дислексия, и именно клавиатура когда-то помогла мне справиться с письмом. Как я живу с этим и почему печать стала для меня спасением, расскажу в отдельной статье.

Здесь — о том, что я придумала, что из этого сработало, а в чём я ошиблась.

Читать полностью »

в 12:29, , рубрики: highload, React, web socket, производительность

Введение

Представьте, что вам нужно отрендерить в React-приложении таблицу с 100 000 объектов, которые непрерывно обновляются в реальном времени через WebSocket. Каждые 50 мс прилетает батч из 5000 дельт (изменений).

Стандартный подход с useState или классическим Redux (с Immer) убивает браузер за несколько секунд:

  1. Main Thread блокируется: Парсинг JSON и вычисление диффов занимают сотни миллисекунд.

  2. Garbage Collector сходит с ума: Иммутабельные обновления создают тысячи новых объектов-клонов, вызывая фризы при сборке мусора.

  3. Ад ререндеров:Читать полностью »

в 10:55, , рубрики: html, React, shadow dom, web components, верстка, инкапсуляция, интерфейсы, шаблонизирование
Рабочее место веб-разработчика

Рабочее место веб‑разработчика

Я занимаюсь веб‑разработкой и пишу на чистом JavaScript, и PHP уже больше 20 лет. За это время я пережил jQuery, Backbone, Ember, AngularJS и видел, как React и Vue захватили умы джунов. Долгое время я искренне считал, что <template> и <slot> — это какая‑то странная ерундаЧитать полностью »

в 11:57, , рубрики: css, html, JS, React, ts, фронтенд, фронтенд технологии, фронтэнд, фронтэнд javascript

Если следить за React только по крупным релизам, легко пропустить момент, когда библиотека тихо меняет направление. React 19.3 — как раз такой случай. Сам релиз вышел 9 сентября 2026 года. И я хочу поделиться парой моментов из этого обновления. Рассмотрим пару хуков это ViewTransition и Fragment Refs. Еще, что я могу выделить, это новые возможности для SSR, Server Components и работы с браузерными API. Самое интересное тут даже не в том, сколько новых API добавили. Просто ReactЧитать полностью »

в 14:02, , рубрики: architecture, effector, jotai, mobx, React, rxjs, state management, tanstack query, zustand, архитектура фронтенда

TL;DR. Собрал одно и то же CRUD-приложение на восьми стейт-менеджерах (effector, zustand, mobx, react-query, rxjs, reatom, xstate, jotai) и увидел: дело не в выборе библиотеки, а в архитектуре. Три правила, которые реально решают:

  • не тяните одну независимую фичу напрямую в другую — связывайте их через компоненты и хуки, а не импортом модели в модель;

  • один стор — одна сущность, без общего “божественного” стора на всё приложение;

  • создавайте и удаляйте модели вместе с компонентом — не превращайте их в постоянный глобальный стор без необходимости.

Читать полностью »

в 15:44, , рубрики: pet-project, React, TypeScript, UX, анализ ошибок, анимация, клавиатурный тренажер, слепая печать

Я фронтенд‑разработчик. Этой осенью сын пошёл в пятый класс, и с началом информатики я заметил, насколько медленно он печатает. Со смартфоном он на «ты», а за обычной клавиатурой теряется.

За компьютер мы его специально не усаживали: в начальной школе он пользовался им в основном для учебных тестов. Стало понятно, что пора подтягивать компьютерную грамотность. Решили начать с базового навыка — печати.

Читать полностью »

в 11:58, , рубрики: capacitor, electron, fastapi, LiveKit, postgresql, React, self-hosted, информационная безопасность, корпоративный мессенджер, таск-менеджер

Рассказываю, что мы собрали, как это устроено и почему связка «чат + задачи» оказалась важнее, чем каждый продукт по отдельности.

С чего всё началось

Рабочая переписка в большинстве компаний живёт в личных мессенджерах. В Telegram висят «Отдел продаж», «Бухгалтерия», «Срочно!!!», а задачи из этих чатов теряются через два экрана прокрутки. Уходит сотрудник - и уносит в телефоне историю переписки и файлы.

Читать полностью »

123...1020...84
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js