—
npm install tamagui @tamagui/configTamagui включает в себя 3 компонента:
—
@tamagui/core — библиотека стилей, которая расширяет API стилей React Native многими функциями из CSS, причём без каких-либо внешних зависимостей помимо React—
@tamagui/static — оптимизирующий компилятор, который значительно повышает производительность—
tamagui — большой универсальный набор компонентов @react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12👍5🕊4🥰1🤔1
—
npm install virtuavirtua — это очень быстрый и небольшой (~3 кБ) компонент для создания виртуальных списков и сеток.
Например, создание вертикального списка из 1000 элементов выглядит так:
{
render: () => {
return <VList style={{
height: "100vh"
}}>{createRows(1000)}</VList>;
}
}@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14❤2🔥2
🔥 Сегодня вышла версия 1.91 VisualStudioс графиками изменений git, улучшениями профиля, API языковой модели и многим другим!
https://code.visualstudio.com/updates/v1_91
@react_tg
https://code.visualstudio.com/updates/v1_91
@react_tg
🔥20👍9❤5🥴1
Здесь собрана теория и практика по основным хукам React, будет особенно полезно начинающим веб-разработчикам.
По каждому хуку приводится несколько заданий, которые можно выполнить для максимального запоминания
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27❤6❤🔥3🥰1
⚡️Лучший способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:
C++ www.tgoop.com/cpluspluc
Devops: www.tgoop.com/devOPSitsec
Машинное обучение: www.tgoop.com/ai_machinelearning_big_data
АНАЛИЗ Данных: www.tgoop.com/data_analysis_ml
Хакинг: www.tgoop.com/linuxkalii
Linux: www.tgoop.com/linuxacademiya
Базы данных: www.tgoop.com/sqlhub
C#: www.tgoop.com/csharp_ci
Golang: www.tgoop.com/Golang_google
Java: www.tgoop.com/javatg
React: www.tgoop.com/react_tg
Javascript: www.tgoop.com/javascriptv
Мобильная разработка: www.tgoop.com/mobdevelop
Docker: www.tgoop.com/+0WdB4uvOwCY0Mjdi
Python: www.tgoop.com/pythonl
Rust: www.tgoop.com/rust_code
PHP: www.tgoop.com/phpshka
Android: www.tgoop.com/android_its
Big Data: www.tgoop.com/bigdatai
Собеседования МЛ: www.tgoop.com/machinelearning_interview
Python подготовка с собесу: www.tgoop.com/python_job_interview
МАТЕМАТИКА: www.tgoop.com/data_math
💼 Папка с вакансиями: www.tgoop.com/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: www.tgoop.com/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: www.tgoop.com/addlist/eEPya-HF6mkxMGIy
Папка ML: https://www.tgoop.com/addlist/2Ls-snqEeytkMDgy
C++ папка: https://www.tgoop.com/addlist/CdBs5DLepLJmZjY6
C# папка: https://www.tgoop.com/addlist/u15AMycxRMowZmRi
Java папка: https://www.tgoop.com/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: https://www.tgoop.com/addlist/mzMMG3RPZhY2M2Iy
Linux папка: https://www.tgoop.com/addlist/w4Doot-XBG4xNzYy
😆ИТ-Мемы: www.tgoop.com/memes_prog
🇬🇧Английский: www.tgoop.com/english_forprogrammers
🧠ИИ: www.tgoop.com/vistehno
📕Ит-книги бесплатно: https://www.tgoop.com/addlist/BkskQciUW_FhNjEy
C++ www.tgoop.com/cpluspluc
Devops: www.tgoop.com/devOPSitsec
Машинное обучение: www.tgoop.com/ai_machinelearning_big_data
АНАЛИЗ Данных: www.tgoop.com/data_analysis_ml
Хакинг: www.tgoop.com/linuxkalii
Linux: www.tgoop.com/linuxacademiya
Базы данных: www.tgoop.com/sqlhub
C#: www.tgoop.com/csharp_ci
Golang: www.tgoop.com/Golang_google
Java: www.tgoop.com/javatg
React: www.tgoop.com/react_tg
Javascript: www.tgoop.com/javascriptv
Мобильная разработка: www.tgoop.com/mobdevelop
Docker: www.tgoop.com/+0WdB4uvOwCY0Mjdi
Python: www.tgoop.com/pythonl
Rust: www.tgoop.com/rust_code
PHP: www.tgoop.com/phpshka
Android: www.tgoop.com/android_its
Big Data: www.tgoop.com/bigdatai
Собеседования МЛ: www.tgoop.com/machinelearning_interview
Python подготовка с собесу: www.tgoop.com/python_job_interview
МАТЕМАТИКА: www.tgoop.com/data_math
💼 Папка с вакансиями: www.tgoop.com/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: www.tgoop.com/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: www.tgoop.com/addlist/eEPya-HF6mkxMGIy
Папка ML: https://www.tgoop.com/addlist/2Ls-snqEeytkMDgy
C++ папка: https://www.tgoop.com/addlist/CdBs5DLepLJmZjY6
C# папка: https://www.tgoop.com/addlist/u15AMycxRMowZmRi
Java папка: https://www.tgoop.com/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: https://www.tgoop.com/addlist/mzMMG3RPZhY2M2Iy
Linux папка: https://www.tgoop.com/addlist/w4Doot-XBG4xNzYy
😆ИТ-Мемы: www.tgoop.com/memes_prog
🇬🇧Английский: www.tgoop.com/english_forprogrammers
🧠ИИ: www.tgoop.com/vistehno
📕Ит-книги бесплатно: https://www.tgoop.com/addlist/BkskQciUW_FhNjEy
❤7👍4🥰1
—
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-appKeystone — это одна из лучших 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