React JS

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

🔥 Сегодня вышла версия 1.91 VisualStudioс графиками изменений git, улучшениями профиля, API языковой модели и многим другим! https://code.visualstudio.com/updates/v1_91 @react_tg

🖥 virtua — компонент для React, Vue, Solid и Svelte для создания виртуальных списков и сеток — npm install virtua virtua — это очень быстрый и небольшой (~3 кБ) компонент для создания виртуальных списков и сеток. Например, создание вертикального списка из 1000 элементов выглядит так:

{
  render: () => {
    return <VList style={{
      height: "100vh"
    }}>{createRows(1000)}</VList>;
  }
}

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

🖥 Tamagui позволяет легко и быстро создавать стили React — npm install tamagui @tamagui/config Tamagui включает в себя 3 компонента: — @tamagui/core — библиотека стилей, которая расширяет API стилей React Native многими функциями из CSS, причём без каких-либо внешних зависимостей помимо React — @tamagui/static — оптимизирующий компилятор, который значительно повышает производительность — tamagui — большой универсальный набор компонентов 🖥 GitHub 🟡 Доки @react_tg

Онлайн-лабораторная: развертывание веб-приложения или Telegram-бота с сервисом Evolution Container Apps Чтобы быстро развернуть приложение в облаке, нужно всего лишь взять сервис Cloud․ru Container Apps, платформу GitVerse и немного практики. 4 июля в 11:00 Cloud․ru проведет бесплатную онлайн-лабораторную. В прямом эфире эксперты вместе с участниками сделают две лабораторные работы и покажут самый быстрый способ развернуть приложение в облаке с сервисом Cloud․ru Container Apps и платформой GitVerse. В первой лабораторной развернут простое frontend-приложение, во второй — backend-приложение. Будет интересно начинающим и опытным разработчикам. ➡️ Чтобы принять участие, регистрируйтесь на сайте

🖥 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

🖥 Lucide Icons — красивый и целостный набор иконок для веб-приложений — npm i lucide Это форк проекта Feather Icons, управляемый сообществом, полностью open-source. Lucide постоянно пополняет набор иконок, сохраняя при этом оригинальный минималистичный дизайн. 🖥 GitHub 🟡 Плагин для Figma @react_tg

🖥 Что нового в React 19? В этом видеообзоре вы узнаете обо всех новых интересных функциях, которые появятся в React 19. Рассказано про способы обработки действий, полезные обновления, статусы форм, новый API use() и многое другое. https://youtu.be/81uAxzeyL2I @react_tg

🖥 Keep React — библиотека компонентов на базе Tailwind CSS и React.js, которая помогает создавать современные веб-приложения — npm i keep-react phosphor-react Keep React — это библиотека компонентов с открытым исходным кодом, написанная на Tailwind CSS и React.js. Keep React предоставляет универсальный набор готовых компонентов UI, которые позволяют быстрее создавать полноценные веб-приложения. 🖥 GitHub 🟡 Доки и примеры @react_tg

🖥 DayPicker — компонент React для создания календарей и полей для ввода дат в веб-приложениях и т.д. — npm install react-day-picker date-fns Особенности DayPicker: — Минималистичный дизайн для легкой настройки. — Масса возможностей для настройки и конфигурирования календаря. — Поддерживает выбор 1 дня, нескольких дней и других временных диапазонов — Может быть локализован на любой язык. — Включает настраиваемые внутренние компоненты для сложных случаев использования. DayPicker написан на TypeScript и скомпилирован в CommonJS и ESM. Требует наличия date-fns в качестве зависимого компонента. 🖥 GitHub 🟡 Доки @react_tg

🖥 TypeStat — CLI-утилита, которая позволяет преобразовать JS в TS и многое другое — npm i typestat TypeStat может: — Преобразовывать файлы JavaScript в TypeScript за 1 раз — Добавлять типы TypeScript в файлы, только что преобразованные из JavaScript в TypeScript — Определять типы для исправления нарушений --noImplicitAny и --noImplicitThis — Аннотировать отсутствующие нули и неопределенные значения, чтобы начать работу с --strictNullChecks 🖥 GitHub @react_tg

⚡️Лучший способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь: 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

🖥 Jotai — простой и гибкий инструмент для управления состояниями в React — npm i jotai Jotai масштабируется от простой замены UseState до корпоративного TypeScript-приложения. Особенности Jotai: — Минимальный основной API (2 кб) — Множество утилит и расширений — Отсутствие строковых ключей (по сравнению с Recoil) 🖥 GitHub 🟡 Доки 🟡 Запустить демонстрацию @react_tg

🖥 React Lazy Load Image — компонент для ленивой загрузки изображений и компонентов с использованием HOC для отслеживания позиции прокрутки окна — npm i --save react-lazy-load-image-component Это React-компонент для ленивой загрузки изображений и других элементов. Поддерживает IntersectionObserver и включает HOC для отслеживания позиции прокрутки окна для повышения производительности. 🖥 GitHub @react_tg

Представьте, что вы хотите создавать мощные и интерактивные веб-приложения, но каждый раз сталкиваетесь с трудностями в структуре кода и управлении компонентами. Вы чувствуете, что ваши текущие знания и навыки недостаточны для достижения результата. А теперь представьте, что вы без труда создаете современные веб-приложения с помощью Angular, успешно используя компоненты, TypeScript, RxJS и Reactive Programming. Вы уверенно разрабатываете интерфейсы, которые нравятся пользователям и используете передовые инструменты для упрощения разработки. Хотите это реализовать? Приглашаем вас на практический открытый урок «Angular Framework: работа с Компонентами» 24 июня в 20:00 мск. На вебинаре мы разберём структуру фреймворка Angular и научимся использовать компоненты для создания приложений. А еще создадим приложение при помощи ng терминала, поставляемого Angular, и компоненты, которые отобразим на странице. Этот урок специально разработан для junior-разработчиков, которые хотят познакомиться с фреймворком Angular. Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://otus.pw/yjLRZ/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

🖥 TanStack Router — современная и масштабируемая маршрутизация для React-приложений — npm install @tanstack/react-router TanStack Router — это полностью типобезопасный React-маршрутизатор со встроенной функцией выборки данных, кэшированием stale-while revalidate и удобными API для поиска по параметрам. 🖥 GitHub 🟡 Доки @react_tg

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

Хочешь попасть в мир больших идей и технологий? Приглашаем JS+React-разработчиков с опытом от года в Открытые школы Т1! 🎓Открытые школы Т1 — это бесплатная карьерная программа для IТ-специалистов, объединяющая обучение без отрыва от работы и offer weeks. За полгода существования проекта мы выпустили 450+ учеников, лучшие из которых получили оффер в команду Т1 — крупнейшую ИТ-компанию России по версии RAEX 2023. Выпускники Открытых школ присоединились к командам финтех-разработки, разработки ИТ-продуктов, облачных сервисов, развития ИИ-решений, интеграции и консалтинга. ⌛️ Длительность: 1 месяц. 💻 Формат: онлайн по вечерам (от 8 часов в неделю на вебинары и практику). Готов к вызову? Тогда скорее подавай заявку! ⏰ Дедлайн — 21 июня. Реклама. ООО "Т1". ИНН 7720484492.

🖥 React Query Builder — компонент на React для построения запросов — npm i react-querybuilder @react-querybuilder/dnd react-dnd react-dnd-html5-backend React Query Builder — это полностью настраиваемый компонент построения запросов для React, а также набор функций для импорта и экспорта в SQL, JSON, в формат для MongoDB и т.д. 🖥 GitHub 🟡 Доки 🟡 Онлайн-демо @react_tg

Ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги… Потому что Роман Чернов, веб-разработчик с 10-летним стажем, организовал бесплатный 7-дневный интенсив с практикой и обратной связью. За 7 дней ты: - Сверстаешь веб-сайт на HTML + CSS; - Реализуешь функционал на JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключишь Backend и загрузишь сайт на хостинг. - Получишь сертификат 👉 Забрать бесплатно 7 дней обучения frontend-разработке Реклама. ИП Чернова О. А., ИНН:771399721044