IO Examples — практические и реальные примеры использования React

Интересной особенностью площадки является то, что в примерах используется только API IntersectionObserver. Никаких внешних библиотек JavaScript или CSS

Авторы отдельно гордятся тем, что все примеры легко усваиваются

Стоимость: $49.99

#web #react

reuseOnline — проверка онлайн-статуса ваших пользователей

Проект представляет собой пользовательский React-хук для проверки онлайн-статуса устройства пользователя

Хук useOnlineStatus использует свойство navigator.onLine для определения начального онлайн-статуса устройства пользователя

Он также добавляет слушатели для онлайн и офлайн событий, чтобы динамически обновлять онлайн-статус

Стоимость: #бесплатно

#React #хук #web

Replyke — встраиваемые комментарии для React

Причем работает все максимально просто: сами комментарии подключаются по системе plug&play, а настроить их можно прямо на веб-сайте проекта

Replyke предоставляет готовый к использованию компонент комментариев, который легко настраивается и интегрируется с существующими React-проектами

Стоимость: #бесплатно

#React #web

Old but gold: Визуальное руководство по рендерингу React

Хотите понять как работает рендеринг в React и своими глазами увидеть процесс? Что ж, эта статья для вас.

Здесь вы узнаете, как работает повторный рендеринг и как его избежать: https://alexsidorenko.com/blog/react-render-always-rerenders/

#react

ReactBits — большая библиотека сниппетов и анимаций для React

Здесь собрано более 90 различных анимаций, эффектов и просто готовых стилизованных элементов для сайта. Текст, кнопки, секции, списки и прочее с красивым дизайном и анимацией можно добавить всего в пару нажатий. Вы также можете выбрать, как именно стилизованы будут элементы — с помощью обычного CSS или с применением Tailwind.

Посмотреть все эффекты можно здесь: https://reactbits.dev/components/circular-gallery

#фронтенд #react #инструменты