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
🖥 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
Использование React без понимания JavaScript

@react_tg
🖥 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
🖥 Коллекция спиннеров и лоадеров на 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
🖥 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
💡Совет по Javascript

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

@react_tg
🖥 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
🖥 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
🖥 Free React Icons - Hugeicons Pro

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

GitHub
Сайт

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🖥 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
Интерактивная шпаргалка по CSS Grid

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

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

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

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

@react_tg
2025/07/07 15:11:21
Back to Top
HTML Embed Code: