—
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
👍11❤8🔥5
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
👍14❤4🥰2
—
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
👍14❤3🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍26❤5🔥5
—
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
👍15❤8🔥4
—
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
🔥15👍4❤2
—
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
👍18❤3🔥2
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤3👍1
Интерактивная шпаргалка по CSS Grid
Все шпаргалки можно разделить на 3 категории: регулярки, css grid и всё остальное. В данном случае это — второй вариант.
Шпаргалка объёмная, можно на месте сравнить как будут отображаться те или иные варианты конфигурации.
Ссылка на шпаргалку
#шпаргалка #css
@react_tg
Все шпаргалки можно разделить на 3 категории: регулярки, css grid и всё остальное. В данном случае это — второй вариант.
Шпаргалка объёмная, можно на месте сравнить как будут отображаться те или иные варианты конфигурации.
Ссылка на шпаргалку
#шпаргалка #css
@react_tg
👍18❤5🔥4