—
npm install react-datepicker --save
Очень простой и удобный компонент React;
задание дефолтного поля ввода даты с выпадающим календарём выглядит так:
() => {
const [startDate, setStartDate] = useState(new Date());
return (
<DatePicker selected={startDate} onChange={(date) => setStartDate(date)} />
);
};
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Memos — это легкий сервис для ведения заметок, ориентированный на конфиденциальность;
написан на React и Go.
Позволяет удобно записывать свои мысли
Быстрый старт с Docker:
docker run -d \
--init \
--name memos \
--publish 5230:5230 \
--volume ~/.memos/:/var/opt/memos \
neosmemo/memos:stable
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
—
yarn create keystone-app
Keystone — это одна из лучших CMS (на данный момент).
Достаточно просто описать свою схему — и будет получен мощный GraphQL API + красивый UI для управления контентом и данными.
Никаких шаблонов или бутстрапинга - только гибкие API
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
—
npm install primereact
PrimeReact позволяет улучшить веб-приложения с помощью огромного набора настраиваемых и многофункциональных UI-компонентов React
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
—
npm install -P @unovis/ts @unovis/react
Unovis — это фреймворк визуализации данных для React, Angular, Svelte, Vue и для чистого TS и JS, который:
— имеет поддержку разных видов диаграмм, карт и всяких сложных графиков
— позволяет импортировать только необходимые компоненты для уменьшения размера приложения
— очень гибкий и настраиваемый
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
—
npm create @builder.io/mitosis@latest
Mitosis — это open-source инструмент, который преобразует JSX-код в компоненты для React и для остальных фреймворков.
Таким образом можно избавиться от необходимости переписывать код каждый раз заново под новый фреймворк.
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
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
Все шпаргалки можно разделить на 3 категории: регулярки, css grid и всё остальное. В данном случае это — второй вариант.
Шпаргалка объёмная, можно на месте сравнить как будут отображаться те или иные варианты конфигурации.
Ссылка на шпаргалку
#шпаргалка #css
@react_tg