Добро пожаловать в 46-й выпуск React Weekly, еженедельный обзор последних ссылок и руководств по React и React Native.

Поддержите React Weekly и других авторов, которых вы читаете на Medium, став участником по ссылке ниже.



Присоединяйтесь к Medium по моей реферальной ссылке — This Week In I/O
Прочитайте каждую статью This Week In I/O (и тысячи других авторов на Medium). Ваш членский взнос напрямую…www.thisweekin.io



Статьи и учебные пособия



Примеры больших рабочих приложений React с открытым исходным кодом — Макс Розен
Чертовски сложно найти хороший пример большого рабочего приложения React с открытым исходным кодом . Есть несколько причин для…maxrozen.com





Mantine
Загрузить дополнительные варианты значков с https://tabler-icons.io/i/search Загрузить дополнительные варианты значков с…mantine.dev





Краткий обзор дизайна Storybook 7.0
Каждое утро тысячи разработчиков запускают Storybook, чтобы начать рабочий день. Сборник рассказов лежит в основе внешнего интерфейса…storybook.js.org





Как использовать Leaflet для отображения карт, подобных Google Maps, в приложении React
Иногда вы создаете приложение React и вам нужно отобразить карту или компонент, подобный карте. на экране. Листовка — это…spin.atomicobject.com





Как создать доску для игры в крестики-нолики с помощью React.js
Каждый хотя бы раз играл в крестики-нолики, но вы когда-нибудь создавали крестики-нолики? доска с использованием React? Нет? Ну…blog.avenuecode.com





Как сделать компонент Range с помощью RC-Slider
Все началось с LinkedIn DMbetterprogramming.pub



Код



Простые карты React
Это просто SVG. React Simple Maps состоит из изолированных вспомогательных компонентов, которые можно свободно компоновать. Создание и…www.react-simple-maps.io





GitHub — программное обеспечение-преемник/рассылка по почте: создавайте, тестируйте, отправляйте электронные письма с помощью React
Шаблоны электронной почты с компонентами React Компоненты MJML, которые работают между клиентами (Outlook!) Предварительный просмотр сервера с живым …github.com





Лучшее управление состоянием для React с помощью Providence | OpenCraft
Несколько месяцев назад я написал в блоге статью о том, как создать собственный микроинтерфейс для платформы Open edX. Больше, чем…opencraft.com





GitHub — prabhuignoto/react-float-menu: перетаскиваемое интеллектуальное меню для реагирования
⚡ Настраиваемое интеллектуальное плавающее меню для реагирования ⚙️ Поставляется с множеством параметров для настройки поведения меню…github.com





GitHub — QuiiBz/next-international: Типобезопасная интернационализация (i18n) для Next.js
Типобезопасная интернационализация (i18n) для Next.js 100 % типобезопасность : локали в TS или JSON, безопасный тип t() и scopedT()…github.com





GitHub — thebuilder/react-intersection-observer: React-реализация Intersection Observer…
React-реализация Intersection Observer API, чтобы сообщить вам, когда элемент входит или выходит из области просмотра . …github.com



Выпуски кода



GitHub — callstack/react-native-testing-library: 🦉 Простое и полное тестирование React Native…
Простые и полные утилиты тестирования React Native, которые поощряют передовые методы тестирования. Вы хотите написать…github.com





GitHub — missive/emoji-mart: 🏪 Один компонент, чтобы выбрать их все
Emoji Mart — это настраиваемый HTML-компонент для выбора смайликов для Интернета Демонстрация Предоставлено вам командой Missive Данные …github.com





GitHub — TanStack/table: 🤖 Безголовый пользовательский интерфейс для создания мощных таблиц и сеток данных для TS/JS…
Безголовый пользовательский интерфейс для создания мощных таблиц и сеток данных для React, Solid, Vue, Svelte и TS/JS. Ищу версию 7…github.com





GitHub — tone-row/flowchart-fun: простое создание блок-схем и диаграмм из текста ⿻
https://flowchart.fun | Генерация диаграмм из текста flowchart.fun — это легкое приложение для создания блок-схем…github.com





GitHub — pmndrs/react-spring: ✌️ Библиотека анимации React на основе Spring Physics
react-spring — это первая кросс-платформенная библиотека анимации Spring-Physics. Это так же просто, как: Немного о нас…github.com





GitHub — remotion-dev/remotion: 🎥 Создавайте видео программно в React
Remotion — это набор библиотек, создающих основу для программного создания видео с помощью React. Использовать веб…github.com





GitHub — virtualvivek/react-windows-ui: создавайте приложения Windows с плавным пользовательским интерфейсом с помощью ReactJS. Предоставляет набор…
Создавайте приложения Windows Fluent с пользовательским интерфейсом с помощью ReactJS. Предоставляет набор доступных, многократно используемых и компонуемых компонентов React…github.com



Стать участником Medium, чтобы помочь поддержать React Weekly и тысячи других авторов на Medium. Вы также получите полный доступ ко всем историям Medium.

Внесите свой вклад. У вас есть проект с открытым исходным кодом или бесплатный сервис, который помогает людям с открытым исходным кодом? Отправьте нам электронное письмо по адресу [email protected].