TGViewer
Channel Public Channel
React JS

React JS

@react_tg

React программирование

@haarrp - admin

@itchannels_telegram - 🔥лучшие ит-каналы

@javascriptv - продвинутый javascript

@programming_books_it - бесплатные it книги

@ai_machinelearning_big_data - ml

№ 5037566384
Subscribers
16.3K
Photos
699
Videos
104
Links
808

Showing posts older than #650 · Back to latest

Older Posts 11 shown
Post #648 5.88K
🖥 virtua — компонент для React, Vue, Solid и Svelte для создания виртуальных списков и сеток

— npm install virtua

virtua — это очень быстрый и небольшой (~3 кБ) компонент для создания виртуальных списков и сеток.
Например, создание вертикального списка из 1000 элементов выглядит так:
{
render: () => {
return <VList style={{
height: "100vh"
}}>{createRows(1000)}</VList>;
}
}


🖥 GitHub
🟡 Примеры использования

@react_tg
  • 👍 14
  • ❤ 2
  • 🔥 2
Post #645 6.11K
🖥 Tamagui позволяет легко и быстро создавать стили React

— npm install tamagui @tamagui/config

Tamagui включает в себя 3 компонента:

— @tamagui/core — библиотека стилей, которая расширяет API стилей React Native многими функциями из CSS, причём без каких-либо внешних зависимостей помимо React

— @tamagui/static — оптимизирующий компилятор, который значительно повышает производительность

— tamagui — большой универсальный набор компонентов

🖥 GitHub
🟡 Доки

@react_tg
  • 🔥 12
  • 👍 5
  • 🕊 4
  • ❤ 1
  • 🥰 1
  • 🤔 1
Post #643 5.95K
🖥 Web-messenger — интересный пет-проект на Python, требующий знания FastAPI и немного React

git clone https://github.com/Flict-dev/Web-messenger.git
cd Web-messenger
docker compose up


Этот проект реализует очень простой мессенджер с возможностью входить под своей учётной записью, создавать комнаты, приглашать других и делать ещё некоторые простые операции.
Очень неплохой проект для погружения в Python и фреймворк FastAPI

🖥 GitHub

@react_tg
  • ❤ 5
  • 👍 2
  • 🔥 1
  • 🎉 1
Post #642 6.16K
🖥 Lucide Icons — красивый и целостный набор иконок для веб-приложений

— npm i lucide

Это форк проекта Feather Icons, управляемый сообществом, полностью open-source.
Lucide постоянно пополняет набор иконок, сохраняя при этом оригинальный минималистичный дизайн.

🖥 GitHub
🟡 Плагин для Figma

@react_tg
  • 🔥 23
  • 👍 7
  • ❤ 2
Post #641 5.81K
🖥 Что нового в React 19?

В этом видеообзоре вы узнаете обо всех новых интересных функциях, которые появятся в React 19.

Рассказано про способы обработки действий, полезные обновления, статусы форм, новый API use() и многое другое.

https://youtu.be/81uAxzeyL2I

@react_tg
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…
  • 🔥 16
  • 👍 8
  • ❤ 6
Post #638 5.47K
🖥 Keep React — библиотека компонентов на базе Tailwind CSS и React.js, которая помогает создавать современные веб-приложения

— npm i keep-react phosphor-react

Keep React — это библиотека компонентов с открытым исходным кодом, написанная на Tailwind CSS и React.js.
Keep React предоставляет универсальный набор готовых компонентов UI, которые позволяют быстрее создавать полноценные веб-приложения.

🖥 GitHub
🟡 Доки и примеры

@react_tg
  • 👍 18
  • ❤ 3
  • 🥰 1
Post #637 6.27K
🖥 DayPicker — компонент React для создания календарей и полей для ввода дат в веб-приложениях и т.д.

— npm install react-day-picker date-fns

Особенности DayPicker:
— Минималистичный дизайн для легкой настройки.
— Масса возможностей для настройки и конфигурирования календаря.
— Поддерживает выбор 1 дня, нескольких дней и других временных диапазонов
— Может быть локализован на любой язык.
— Включает настраиваемые внутренние компоненты для сложных случаев использования.

DayPicker написан на TypeScript и скомпилирован в CommonJS и ESM.
Требует наличия date-fns в качестве зависимого компонента.

🖥 GitHub
🟡 Доки

@react_tg
  • 🔥 21
  • 👍 10
  • ❤ 6
Post #635 5.81K
🖥 TypeStat — CLI-утилита, которая позволяет преобразовать JS в TS и многое другое

— npm i typestat

TypeStat может:
— Преобразовывать файлы JavaScript в TypeScript за 1 раз
— Добавлять типы TypeScript в файлы, только что преобразованные из JavaScript в TypeScript
— Определять типы для исправления нарушений --noImplicitAny и --noImplicitThis
— Аннотировать отсутствующие нули и неопределенные значения, чтобы начать работу с --strictNullChecks

🖥 GitHub

@react_tg
  • 👍 23
  • ❤ 4
  • 🔥 3
  • 🤔 3
  • 🥱 1
Post #634 5.15K
⚡️Лучший способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

C#: t.me/csharp_ci
Машинное обучение: t.me/ai_machinelearning_big_data
АНАЛИЗ Данных: t.me/data_analysis_ml
Хакинг: t.me/linuxkalii
Linux: t.me/linuxacademiya
Базы данных: t.me/sqlhub
C++ t.me/cpluspluc
Golang: t.me/Golang_google
Java: t.me/javatg
React: t.me/react_tg
Javascript: t.me/javascriptv
Мобильная разработка: t.me/mobdevelop
Docker: t.me/+0WdB4uvOwCY0Mjdi
Python: t.me/pythonl
Rust: t.me/rust_code
PHP: t.me/phpshka
Android: t.me/android_its
Big Data: t.me/bigdatai
Devops: t.me/devOPSitsec
Собеседования МЛ: t.me/machinelearning_interview
Python подготовка с собесу: t.me/python_job_interview
МАТЕМАТИКА: t.me/data_math

💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy
C++ папка: https://t.me/addlist/CdBs5DLepLJmZjY6
C# папка: https://t.me/addlist/u15AMycxRMowZmRi
Java папка: https://t.me/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: https://t.me/addlist/mzMMG3RPZhY2M2Iy
Linux папка: https://t.me/addlist/w4Doot-XBG4xNzYy

😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno

📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy
  • ❤ 10
  • 🔥 2
Post #631 5.04K
🖥 Jotai — простой и гибкий инструмент для управления состояниями в React

— npm i jotai

Jotai масштабируется от простой замены UseState до корпоративного TypeScript-приложения.

Особенности Jotai:
— Минимальный основной API (2 кб)
— Множество утилит и расширений
— Отсутствие строковых ключей (по сравнению с Recoil)

🖥 GitHub
🟡 Доки
🟡 Запустить демонстрацию

@react_tg
  • 👍 12
  • ❤ 6
  • 🔥 5
  • 😢 1
Post #627 5.78K
🖥 React Lazy Load Image — компонент для ленивой загрузки изображений и компонентов с использованием HOC для отслеживания позиции прокрутки окна

— npm i --save react-lazy-load-image-component

Это React-компонент для ленивой загрузки изображений и других элементов.
Поддерживает IntersectionObserver и включает HOC для отслеживания позиции прокрутки окна для повышения производительности.

🖥 GitHub

@react_tg
  • 👍 14
  • ❤ 6
  • 🔥 4
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →