Telegram Web Link
🖥 react-datepicker — простой компонент выбора даты для React

npm install react-datepicker --save

Очень простой и удобный компонент React;
задание дефолтного поля ввода даты с выпадающим календарём выглядит так:
() => {
const [startDate, setStartDate] = useState(new Date());
return (
<DatePicker selected={startDate} onChange={(date) => setStartDate(date)} />
);
};


🖥 GitHub
🟡 Доки

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍118🔥5
🖥 memos — open-source сервис для ведения заметок, написан на React и Go

Memos — это легкий сервис для ведения заметок, ориентированный на конфиденциальность;
написан на React и Go.
Позволяет удобно записывать свои мысли

Быстрый старт с Docker:
docker run -d \
--init \
--name memos \
--publish 5230:5230 \
--volume ~/.memos/:/var/opt/memos \
neosmemo/memos:stable


🖥 GitHub
🟡 Доки

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍144🥰2
Использование React без понимания JavaScript

@react_tg
👍40🤣334🔥4
🖥 Keystone — мощная headless CMS для Node.js, построенная на GraphQL и React

yarn create keystone-app

Keystone — это одна из лучших CMS (на данный момент).
Достаточно просто описать свою схему — и будет получен мощный GraphQL API + красивый UI для управления контентом и данными.
Никаких шаблонов или бутстрапинга - только гибкие API

🖥 GitHub
🟡 Доки

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍143🔥1
🖥 Коллекция спиннеров и лоадеров на React

npm install react-spinners --save

Держите open-source набор компонентов React для отображения во время загрузки страницы

🖥 GitHub

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍265🔥5
🖥 PrimeReact — большой набор UI-компонентов для React

npm install primereact

PrimeReact позволяет улучшить веб-приложения с помощью огромного набора настраиваемых и многофункциональных UI-компонентов React

🖥 GitHub
🟡 Страничка PrimeReact

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍158🔥4
💡Совет по Javascript

Если вы имеете дело с фреймворками, делающими ставку на неизменяемые структуры данных (*cough* React), и вам нужно изменить записи в массиве, `with` станет вашим лучшим другом!

@react_tg
16👍12🔥6
🖥 Unovis — модульный фреймворк для визуализации данных на React и не только

npm install -P @unovis/ts @unovis/react

Unovis — это фреймворк визуализации данных для React, Angular, Svelte, Vue и для чистого TS и JS, который:

— имеет поддержку разных видов диаграмм, карт и всяких сложных графиков

— позволяет импортировать только необходимые компоненты для уменьшения размера приложения

— очень гибкий и настраиваемый

🖥 GitHub
🟡 Доки
🟡 Галлерея

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15👍42
🖥 Mitosis — позволяет единым образом создавать компоненты для всего: для React, Vue, Qwik, Solid, Angular и для других фреймворков

npm create @builder.io/mitosis@latest

Mitosis — это open-source инструмент, который преобразует JSX-код в компоненты для React и для остальных фреймворков.
Таким образом можно избавиться от необходимости переписывать код каждый раз заново под новый фреймворк.

🖥 GitHub
🟡 Доки

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍183🔥2
🖥 Free React Icons - Hugeicons Pro

Огромная библиотека для фронтенд разработчиков и дизайнеров, содержащую более 4000 иконок в форматах SVG и React.

GitHub
Сайт

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍165🔥4
🖥 react-inlinesvg — компонент React для загрузки компонентов

npm i react-inlinesvg

react-inlinesvg позволяет загружать локальные или удаленные SVG в свои компоненты React.

🖥 GitHub
🟡 Sandbox

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥103👍1
Интерактивная шпаргалка по CSS Grid

Все шпаргалки можно разделить на 3 категории: регулярки, css grid и всё остальное. В данном случае это — второй вариант.

Шпаргалка объёмная, можно на месте сравнить как будут отображаться те или иные варианты конфигурации.

Ссылка на шпаргалку

#шпаргалка #css

@react_tg
👍185🔥4
2025/07/08 13:31:02
Back to Top
HTML Embed Code: