React JS

🔥Border radius на CSS: полезные заметки для фронтенд-разработчика

#css #tips #frontend

@react_tg

👍25❤8🔥6

5.36K views17:07

🖥

TanStack Router — современная и масштабируемая маршрутизация для React-приложений

— npm install @tanstack/react-router

TanStack Router — это полностью типобезопасный React-маршрутизатор со встроенной функцией выборки данных, кэшированием stale-while revalidate и удобными API для поиска по параметрам.

🖥

GitHub

🟡

Доки

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥14❤2👍1

5.13K views16:03

React JS

🖥

React Lazy Load Image — компонент для ленивой загрузки изображений и компонентов с использованием HOC для отслеживания позиции прокрутки окна

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

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

🖥

GitHub

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

👍14❤6🔥4

5.67K views16:11

React JS

🖥

Jotai — простой и гибкий инструмент для управления состояниями в React

— npm i jotai

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

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

🖥

GitHub

🟡

Доки

🟡

Запустить демонстрацию

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

👍12❤6🔥5😢1

4.95K views08:43

React JS

❤10🔥2

5.07K views09:03

React JS

🖥

TypeStat — CLI-утилита, которая позволяет преобразовать JS в TS и многое другое

— npm i typestat

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

🖥

GitHub

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

👍23❤4🔥3🤔3🥱1

5.72K views11:03

React JS

🖥

DayPicker — компонент React для создания календарей и полей для ввода дат в веб-приложениях и т.д.

— npm install react-day-picker date-fns

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

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

🖥

GitHub

🟡

Доки

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥21👍10❤5

6.17K views11:35

React JS

🖥

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

— npm i keep-react phosphor-react

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

🖥

GitHub

🟡

Доки и примеры

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

👍18❤3🥰1

5.38K views11:43

React JS

🖥

Что нового в React 19?

В этом видеообзоре вы узнаете обо всех новых интересных функциях, которые появятся в 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…

🔥16👍8❤6

5.73K views20:13

React JS

🖥

Lucide Icons — красивый и целостный набор иконок для веб-приложений

— npm i lucide

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

🖥

GitHub

🟡

Плагин для Figma

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥23👍7❤2

6.07K views09:21

React JS

This media is not supported in your browser

VIEW IN TELEGRAM

🖥

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

Please open Telegram to view this post

VIEW IN TELEGRAM

❤5👍2🔥1🎉1

5.8K views16:03

2025/07/12 09:43:06
Back to Top

HTML Embed Code:

<iframe width="100%" src="https://www.tgoop.com/buyppe/web?embed=1" title="Telegram Web" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>