React

Как настроить React с Vite?

Mon, 20 Apr 2026 13:33:27 GMT

react localstorage

kirilljsx — Sun, 22 Mar 2026 18:49:37 GMT

@FARTYIY отодвигай проект, скажи что заболел и потребуется еще несколько дней. Вот мой тг, пиши, вечером смогу посмотреть код: @kdvoryaninov

А какая иерархия компонентов оптимальна?

Androbim — Thu, 18 Sep 2025 17:48:27 GMT

За ответы огромное всем спасибо! Теперь, благодаря ответам, есть, в какую сторону смотреть.

Синтаксис JSX: списки и события

Wowk — Fri, 29 Aug 2025 10:18:33 GMT

Разница в том, что в первом случае ты передаёшь ссылку на функцию, а во втором создаёшь новую функцию-обёртку. Для производительности лучше первый вариант, если не нужно передавать аргументы. Иначе могут быть лишние ререндеры.

История развития React — вопрос для собеседования

kirilljsx — Mon, 30 Jun 2025 14:10:43 GMT

@Jspi Ох были времена! Помню как я начинал с версии 16 и писал классовые, а не функциональные компоненты. Было весело, а щас тьфу

Что такое React, вопрос для собеседования?

Mon, 30 Jun 2025 13:53:53 GMT

React собеседование, вопросы и ответы часть 2

Mon, 30 Jun 2025 13:03:04 GMT

React собеседование, вопросы и ответы часть 1

Mon, 30 Jun 2025 13:01:40 GMT

Новые клиентские хуки в React 19

kirilljsx — Tue, 25 Feb 2025 13:50:44 GMT

Продолжаю делиться своими находками из React 19, про три важных нововведения: работу с ref, метаданными и обработку ошибок. Эти изменения существенно упрощают разработку и делают код более чистым. Упрощённая передача ref Раньше, чтобы передать ref в компонент, нужно было оборачивать его в forwardRef. Это создавало дополнительный уровень сложности и увеличивало объём кода. В React 19 всё стало гораздо проще — теперь можно передавать ref как обычное свойство! Пример: function CustomButton({ ref }) { return ; } // Использование: ; Теперь не нужно думать о том, как правильно обернуть компонент или следить за тем, чтобы ref был корректно передан. Код стал понятнее и короче. Особенно это полезно для небольших компонентов, где использование forwardRef раньше казалось избыточным. Поддержка метаданных Ещё одно долгожданное изменение — возможность напрямую управлять метатегами (, <meta>, <link>) прямо внутри компонентов. Раньше для этого приходилось использовать сторонние библиотеки, такие как react-helmet. Теперь всё это доступно “из коробки”. Пример: function BlogPost({ post }) { return ( <article> <h1>{post.title}</h1> <title>{post.title}

{post.content}

); } Это особенно удобно для управления SEO-данными. Например, если вы пишете блог или новостной сайт, теперь можно легко динамически обновлять заголовки и метатеги на основе данных, полученных от сервера. Плюс ко всему, это работает быстрее, чем через сторонние решения. Оптимизированная обработка ошибок Ошибки — это неизбежная часть разработки, но React 19 сделал их обработку намного удобнее. Теперь сообщения об ошибках стали более информативными и компактными. Система отображает только одно четкое сообщение, что помогает быстрее находить и исправлять проблемы. Например, раньше при возникновении ошибки могла появиться целая куча текста с трейсами, которые были трудно интерпретировать. Сейчас же вы видите только самое важное: Error: Cannot read properties of undefined (reading 'map') Component: BlogPost Location: src/components/BlogPost.js:25 Это значительно ускоряет процесс отладки, особенно в больших проектах, где раньше приходилось тратить время на анализ огромных логов. Личные впечатления Поработав с этими нововведениями, могу сказать, что они действительно делают жизнь разработчика проще. Вот что мне особенно понравилось: Упрощённая работа с ref: больше никаких лишних обёрток, всё просто и интуитивно. Метаданные: теперь можно забыть про react-helmet и подобные библиотеки. Всё необходимое есть в React. Обработка ошибок: более чёткие сообщения помогают быстрее находить проблемы, а это экономит кучу времени. Если у вас есть опыт использования этих фич или вопросы по ним — пишите в комментариях! Интересно узнать, как эти изменения повлияли на ваши проекты.

Each child in a list should have a unique "key" prop

Mon, 03 Feb 2025 08:03:55 GMT

Cannot update a component while rendering a different component

Mon, 03 Feb 2025 08:02:46 GMT

Шпаргалка по React 19

SkitRa — Wed, 29 Jan 2025 08:56:23 GMT

Давно искал что-то компактное и удобное, похожее на шпаргалку. Скорее всего не пригодится, но лучше чтобы было. Компановка очень удобная

Оптимизация React js приложений. Использование функции debounde()

Manul — Fri, 25 Oct 2024 15:19:53 GMT

@kirilljs Возможно магия реакта onInput и onChange делает идентичными, https://github.com/facebook/react/issues/3964 Скорее всего можно использовать и то и то

Cannot find name 'ChangeEvent'.ts(2304) type ChangeEvent = /unresolved/ any

Wed, 23 Oct 2024 10:53:05 GMT

Как импортировать компонент react

Fri, 11 Oct 2024 11:00:54 GMT

Как передать пропсы в компонент React

Fri, 11 Oct 2024 10:54:31 GMT

React: Как создать компонент

Fri, 11 Oct 2024 09:33:56 GMT