В этом видеообзоре вы узнаете обо всех новых интересных функциях, которые появятся в React 19.
Рассказано про способы обработки действий, полезные обновления, статусы форм, новый API use() и многое другое.
https://youtu.be/81uAxzeyL2I
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
What’s New in React 19: Exploring Actions, use(), Compiler, and more
✏️ Study this course interactively on Scrimba:
https://v2.scrimba.com/whats-new-in-react-19-c03d?utm_source=youtube&utm_medium=video&utm_campaign=fcc-react19
Learn all about the exciting new features coming with React 19, including baked-in ways to handle…
https://v2.scrimba.com/whats-new-in-react-19-c03d?utm_source=youtube&utm_medium=video&utm_campaign=fcc-react19
Learn all about the exciting new features coming with React 19, including baked-in ways to handle…
🔥16👍8❤6
—
npm i lucideЭто форк проекта Feather Icons, управляемый сообществом, полностью open-source.
Lucide постоянно пополняет набор иконок, сохраняя при этом оригинальный минималистичный дизайн.
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥23👍7❤2
This media is not supported in your browser
VIEW IN TELEGRAM
git clone https://github.com/Flict-dev/Web-messenger.git
cd Web-messenger
docker compose up
Этот проект реализует очень простой мессенджер с возможностью входить под своей учётной записью, создавать комнаты, приглашать других и делать ещё некоторые простые операции.
Очень неплохой проект для погружения в Python и фреймворк FastAPI
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍2🔥1🎉1
—
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🤔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++ t.iss.one/cpluspluc
Devops: t.iss.one/devOPSitsec
Машинное обучение: t.iss.one/ai_machinelearning_big_data
АНАЛИЗ Данных: t.iss.one/data_analysis_ml
Хакинг: t.iss.one/linuxkalii
Linux: t.iss.one/linuxacademiya
Базы данных: t.iss.one/sqlhub
C#: t.iss.one/csharp_ci
Golang: t.iss.one/Golang_google
Java: t.iss.one/javatg
React: t.iss.one/react_tg
Javascript: t.iss.one/javascriptv
Мобильная разработка: t.iss.one/mobdevelop
Docker: t.iss.one/+0WdB4uvOwCY0Mjdi
Python: t.iss.one/pythonl
Rust: t.iss.one/rust_code
PHP: t.iss.one/phpshka
Android: t.iss.one/android_its
Big Data: t.iss.one/bigdatai
Собеседования МЛ: t.iss.one/machinelearning_interview
Python подготовка с собесу: t.iss.one/python_job_interview
МАТЕМАТИКА: t.iss.one/data_math
💼 Папка с вакансиями: t.iss.one/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.iss.one/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.iss.one/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.iss.one/addlist/2Ls-snqEeytkMDgy
C++ папка: https://t.iss.one/addlist/CdBs5DLepLJmZjY6
C# папка: https://t.iss.one/addlist/u15AMycxRMowZmRi
Java папка: https://t.iss.one/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: https://t.iss.one/addlist/mzMMG3RPZhY2M2Iy
Linux папка: https://t.iss.one/addlist/w4Doot-XBG4xNzYy
😆ИТ-Мемы: t.iss.one/memes_prog
🇬🇧Английский: t.iss.one/english_forprogrammers
🧠ИИ: t.iss.one/vistehno
📕Ит-книги бесплатно: https://t.iss.one/addlist/BkskQciUW_FhNjEy
C++ t.iss.one/cpluspluc
Devops: t.iss.one/devOPSitsec
Машинное обучение: t.iss.one/ai_machinelearning_big_data
АНАЛИЗ Данных: t.iss.one/data_analysis_ml
Хакинг: t.iss.one/linuxkalii
Linux: t.iss.one/linuxacademiya
Базы данных: t.iss.one/sqlhub
C#: t.iss.one/csharp_ci
Golang: t.iss.one/Golang_google
Java: t.iss.one/javatg
React: t.iss.one/react_tg
Javascript: t.iss.one/javascriptv
Мобильная разработка: t.iss.one/mobdevelop
Docker: t.iss.one/+0WdB4uvOwCY0Mjdi
Python: t.iss.one/pythonl
Rust: t.iss.one/rust_code
PHP: t.iss.one/phpshka
Android: t.iss.one/android_its
Big Data: t.iss.one/bigdatai
Собеседования МЛ: t.iss.one/machinelearning_interview
Python подготовка с собесу: t.iss.one/python_job_interview
МАТЕМАТИКА: t.iss.one/data_math
💼 Папка с вакансиями: t.iss.one/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.iss.one/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.iss.one/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.iss.one/addlist/2Ls-snqEeytkMDgy
C++ папка: https://t.iss.one/addlist/CdBs5DLepLJmZjY6
C# папка: https://t.iss.one/addlist/u15AMycxRMowZmRi
Java папка: https://t.iss.one/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: https://t.iss.one/addlist/mzMMG3RPZhY2M2Iy
Linux папка: https://t.iss.one/addlist/w4Doot-XBG4xNzYy
😆ИТ-Мемы: t.iss.one/memes_prog
🇬🇧Английский: t.iss.one/english_forprogrammers
🧠ИИ: t.iss.one/vistehno
📕Ит-книги бесплатно: https://t.iss.one/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