React JS
React программирование @haarrp - admin @itchannels_telegram - 🔥лучшие ит-каналы @javascriptv - продвинутый javascript @programming_books_it - бесплатные it книги @ai_machinelearning_big_data - ml
Ko'proq ko'rsatish- Kanalning o'sishi
- Post qamrovi
- ER - jalb qilish nisbati
Ma'lumot yuklanmoqda...
Ma'lumot yuklanmoqda...
npm install virtua
virtua — это очень быстрый и небольшой (~3 кБ) компонент для создания виртуальных списков и сеток.
Например, создание вертикального списка из 1000 элементов выглядит так:
{
render: () => {
return <VList style={{
height: "100vh"
}}>{createRows(1000)}</VList>;
}
}
🖥 GitHub
🟡 Примеры использования
@react_tgnpm install tamagui @tamagui/config
Tamagui включает в себя 3 компонента:
— @tamagui/core
— библиотека стилей, которая расширяет API стилей React Native многими функциями из CSS, причём без каких-либо внешних зависимостей помимо React
— @tamagui/static
— оптимизирующий компилятор, который значительно повышает производительность
— tamagui
— большой универсальный набор компонентов
🖥 GitHub
🟡 Доки
@react_tggit clone https://github.com/Flict-dev/Web-messenger.git
cd Web-messenger
docker compose up
Этот проект реализует очень простой мессенджер с возможностью входить под своей учётной записью, создавать комнаты, приглашать других и делать ещё некоторые простые операции.
Очень неплохой проект для погружения в Python и фреймворк FastAPI
🖥 GitHub
@react_tgnpm i lucide
Это форк проекта Feather Icons, управляемый сообществом, полностью open-source.
Lucide постоянно пополняет набор иконок, сохраняя при этом оригинальный минималистичный дизайн.
🖥 GitHub
🟡 Плагин для Figma
@react_tg✏️ 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-react19Learn all about the exciting new features coming with React 19, including baked-in ways to handle actions, optimistic updates, form statuses, the new use() API, and more! Code is available on the Scrimba course page for each lesson. React hasn’t had a major version update in over 2 years since React 18 was launched in 2022. React 19 has lots of exciting new features that make handling data mutations simpler while giving us APIs to improve the user’s experience with optimistic updates! ✨ The React team has also launched a new open-source compiler it has been working on for years that will handle many of the nitty-gritty performance details for you behind the scenes. Join us in this course while we learn all about the latest, greatest features coming in the newest version of React! We'll cover: - Transitions (refresher from React 18) - React Compiler - Form Actions - useActionState() - Handling errors in actions - useOptimistic() - useFormStatus - Refs as props - use() - Other miscellaneous improvements to React Scrimba on YouTube:
https://www.youtube.com/c/Scrimba⭐️ Contents ⭐️ ⌨️ (0:00:00) What's new in React 19? ⌨️ (0:02:29) React 18 Catch up - useTransition (1) ⌨️ (0:06:18) React 18 Catch up - useTransition (2) ⌨️ (0:11:20) React Compiler ⌨️ (0:13:05) Form action ⌨️ (0:20:39) Error and loading states in React ⌨️ (0:23:33) useActionState() - Part 1 ⌨️ (0:28:54) useActionState() - Part 2 ⌨️ (0:34:00) useActionState() - Part 3 ⌨️ (0:41:54) useOptimistic() ⌨️ (0:47:21) useFormStatus() ⌨️ (0:52:04) refs as props ⌨️ (0:54:57) use() ⌨️ (1:04:02) Misc. improvements - meta tags ⌨️ (1:06:43) Conclusion
npm i keep-react phosphor-react
Keep React — это библиотека компонентов с открытым исходным кодом, написанная на Tailwind CSS и React.js.
Keep React предоставляет универсальный набор готовых компонентов UI, которые позволяют быстрее создавать полноценные веб-приложения.
🖥 GitHub
🟡 Доки и примеры
@react_tgnpm install react-day-picker date-fns
Особенности DayPicker:
— Минималистичный дизайн для легкой настройки.
— Масса возможностей для настройки и конфигурирования календаря.
— Поддерживает выбор 1 дня, нескольких дней и других временных диапазонов
— Может быть локализован на любой язык.
— Включает настраиваемые внутренние компоненты для сложных случаев использования.
DayPicker написан на TypeScript и скомпилирован в CommonJS и ESM.
Требует наличия date-fns в качестве зависимого компонента.
🖥 GitHub
🟡 Доки
@react_tgJoriy rejangiz faqat 5 ta kanal uchun analitika imkoniyatini beradi. Ko'proq olish uchun, iltimos, boshqa reja tanlang.