Как небольшая команда внутри Facebook создавала React. Перевод документального фильма Honeypot с историей появления популярной библиотеки. Историю рассказывает звёздный состав разработчиков: Том Оккино, Кристофер Шедо, Пит Хант, Себастьян Маркбог, Дэн Абрамов и многие другие. #react #video

https://youtu.be/Vg7zOr4srrs

🛠 React Photo Gallery - адаптивная и легко настраиваемая фотогалерея React без сохранения состояния. Она сохраняет исходное соотношение сторон ваших фотографий и использует актуальные элементы изображения. Также можно использовать пользовательские компоненты изображения для добавления дополнительных функций, таких как подписи и избранное.

🌍 Сайт

Daily Coding #инструменты #React

🛠 React Paginate - компонент React для создания разбивки на страницы. Он прост в использовании и может быть настроен с помощью CSS. С помощью встроенных свойств вы можете настроить количество отображаемых страниц, диапазон отображаемых страниц, добавить метки для кнопок "Предыдущая" и "следующая" и многое другое.

🌍 Сайт

Daily Coding #инструменты #React

🛠 React Credit Cards - компонент React от команды Unsplash, который можно использовать для создания красивых линейных графиков, подходящих для отображения тенденций и показателей активности. Этот проект основан на минималистичном подходе и предоставляет вам простое, отточенное решение одной конкретной проблемы, поэтому не ждите полной библиотеки графиков.

🌍 Сайт

Daily Coding #инструменты #React

🛠 redocx - библиотека React для создания документов word. Она позволяет создавать текстовые документы с помощью компонентов React, а затем отображать их в Word с помощью командной строки. В ней есть компоненты для таблиц, изображений, верхних и нижних колонтитулов и всего остального, что вам может понадобиться.

🌍 Сайт

Daily Coding #инструменты #React

🛠 Reactopt - это инструмент оптимизации CLIP React, который определяет события, которые могут вызывать ненужный повторный рендеринг компонентов в вашем приложении. Он создан для замены модуля react-addons-perf, который больше не поддерживается после выхода React 16. В настоящее время он поддерживает щелчок / двойной щелчок, перетаскивание, нажатие клавиши, KeyDown и события ввода.

🌍 Сайт

Daily Coding #инструменты #React

🛠 React Slider Kit — позволяет создавать компоненты слайдера в ваших приложениях react. Он предлагает различные типы слайдеров, такие как 1D, 2D, одиночные, диапазонные, горизонтальные и вертикальные. Вы можете установить минимальное и максимальное значение слайдера, начальную и конечную точки и многое другое.

🌍 Сайт

Daily Coding #инструменты #React

🛠 Rebass - это набор пользовательского интерфейса React для создания адаптивных веб-приложений. Он состоит из более чем 60 стилизованных компонентов, которые настраиваются с помощью свойств, основанных на системе стилей. Это позволяет изолировать стили и уменьшает необходимость в написании пользовательского CSS.

🌍 Сайт

Daily Coding #инструменты #React

Вышли результаты State of React 2025. Релиз React 19, закрытие Create React App, объявление React Foundation на React Conf и стабильный Compiler 1.0 укрепили клиентский React, а споры вокруг RSC, директив и декабрьский CVE показали, что серверная часть ещё взрослеет. AI-инструменты вроде v0 и Cursor подстегнули вайб-кодинг. #stateof #react

https://2025.stateofreact.com/

🛠 React Simple Maps - библиотека компонентов React для создания карт на основе SVG. В ней есть компоненты для добавления всевозможных деталей карты, таких как текстовые аннотации, маркеры и пользовательские цвета для каждого региона. Поскольку карты основаны на SVG, их можно увеличивать и уменьшать с большой эффективностью.

🌍 Сайт

Daily Coding #инструменты #React

🛠 Semiotic - платформа визуализации данных, объединяющая React и D3. Она предлагает три типа фреймов (Frame, ORFrame, NetworkFrame), что позволяет создавать некоторые нетрадиционные диаграммы. Способ отображения данных можно дополнительно настроить, изменив настройки фрейма или добавив свои собственные стили CSS.

🌍 Сайт

Daily Coding #инструменты #React

🛠 React-Grid-Layout - система компоновки сетки с возможностью перетаскивания и изменения размера. Она работает только на основе React- jQuery не требуется и совместима с приложениями, отрисованными сервером. React-Grid-Layout поддерживает перетаскиваемые, изменяемые по размеру и статические виджеты, адаптивные точки останова и многое другое.

🌍 Сайт

Daily Coding #инструменты #React

🛠 React-Datasheet - компонент React, который можно использовать для добавления в ваши приложения полнофункциональных таблиц данных, подобных Excel. Ячейки таблицы можно свободно редактировать, группировать, копировать, вставлять, удалять и выполнять все остальные действия, которые вы ожидаете, с помощью клавиатуры. На их GitHub есть 3 полезных примера - базовая таблица, таблица с формулами и таблица с вложенными компонентами.

🌍 Сайт

Daily Coding #инструменты #React

🛠 React monocle - это инструмент разработчика для визуализации иерархии компонентов вашего приложения React. Он сканирует исходные файлы React и затем генерирует визуальный древовидный график, представляющий ваши компоненты React в виде иерархической модели. Он поддерживает React-Router и Redux.

🌍 Сайт

Daily Coding #инструменты #React

🛠 React Credit Cards - cовременный и красивый компонент для кредитных карт, который можно использовать для оплаты. В него встроен валидатор кредитных карт, который проверяет номер карты и распознает тип карты. Он поддерживает все типы кредитных карт, доступные для оплаты.

🌍 Сайт

Daily Coding #инструменты #React