React JS 660 - Telegram Web

Telegram Web Link

🖥

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

— npm i keep-react phosphor-react

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

🖥

🟡

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

@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 19?

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

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

https://youtu.be/81uAxzeyL2I

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

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

🖥

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

— npm i lucide

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

🖥

🟡

Плагин для Figma

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥23👍7❤2

6.07K views09:21

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

🖥

Tamagui позволяет легко и быстро создавать стили React

— npm install tamagui @tamagui/config

Tamagui включает в себя 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

6.02K views16:02

🖥

virtua — компонент для React, Vue, Solid и Svelte для создания виртуальных списков и сеток

— npm install virtua

virtua — это очень быстрый и небольшой (~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

5.81K views14:02

🔥 Сегодня вышла версия 1.91 VisualStudioс графиками изменений git, улучшениями профиля, API языковой модели и многим другим!

https://code.visualstudio.com/updates/v1_91

@react_tg

🔥20👍9❤5🥴1

6.02K views08:17

🖥

Полезный репозиторий и сайт для погружения в хуки React

Здесь собрана теория и практика по основным хукам React, будет особенно полезно начинающим веб-разработчикам.
По каждому хуку приводится несколько заданий, которые можно выполнить для максимального запоминания

🟡

Learn React Hooks

🖥

GitHub

@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

5.61K views14:02

⚡️Лучший способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

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

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

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

📕Ит-книги бесплатно: https://www.tg-me.com/addlist/BkskQciUW_FhNjEy

❤7👍4🥰1

5.21K viewsedited 11:16

⚡️

Понимание компилятора React

Новый экспериментальный инструмент от команды React автоматизирует настройку производительности. Но стоит ли вам его использовать и как он работает «под капотом»? Рассказывает Tony Alicea, преподаватель курсов на Udemy и Pluralsight.

📌Читать

@react_tg

Please open Telegram to view this post

VIEW IN TELEGRAM

👍13❤6🔥4

5.57K views13:03

🖥

react-datepicker — простой компонент выбора даты для React

— 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

5.77K views09:12

🖥

memos — open-source сервис для ведения заметок, написан на React и Go

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

5.14K views11:04

Использование React без понимания JavaScript

@react_tg

👍40🤣33❤4🔥4

11.6K views10:43

2025/07/12 19:14:52
Back to Top

HTML Embed Code:

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