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

🖥 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

🖥 Shader Gradient — пакет React для создания анимированного градиента — npm i three @types/three @react-three/fiber shadergradient framer-motion Shader Gradient также можно использовать в Figma и Framer. 🖥 GitHub 🟡 Страничка Shader Gradient @react_tg

⚡️ Если вы добавляете символы кавычек, используйте в качестве содержимого open-quote и close-quote, поскольку они учитывают язык документа. 🚀 Подробнее #css #tip @react_tg

Начали свой путь в разработке на JS? Хотите продвинуться дальше?   Тогда ждём вас на открытом практическом уроке «Объектно-ориентированный JavaScript и функции конструкторов» от OTUS, где мы разберем:  🔹как наследуются свойства в объектах; 🔹объектную модель JavaScript; 🔹написание ООП-кода с экономией памяти; 🔹создание объектов при помощи функций конструкторов с наследованием свойств. Встречаемся 18 июня в 20:00 мск в рамках курса «Специализация Fullstack Developer». Все участники вебинара получат специальную цену на обучение!  ➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок

🖥 gestalt — набор компонентов UI React

npm i gestalt --save
npm i gestalt-charts --save
npm i gestalt-datepicker --save

gestalt — это набор компонентов пользовательского интерфейса React, поддерживающий язык дизайна Pinterest 🖥 GitHub 🟡 Примеры использования и компоненты @react_tg

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

🔤 Transform.tools - крутой инструмент: универсальный конвертер данных Этот инструмент выделяется двумя ключевыми преимуществами: поддержка многочисленных форматов и простой, интуитивно понятный интерфейс. С его помощью вы можете с легкостью конвертировать CSS в JS-объекты, Markdown в HTML, JSON в MySQL и многое другое. Transform.tools - сохраните себе, чтобы не искать его в будущем. ▪Github ▪Transform.tools @react_tg

🖥 Plate — мощный набор инструментов для React, облегчающий разработку текстовых редакторов на основе Slate Сердце Plate — это система плагинов, специально разработанная для slate-react. Она помогает поддерживать проект организованным и эффективным, разделяя различные функциональные возможности. В дополнение к плагинам Plate предоставляет нестилизованные и доступные компоненты, основанные на Radix UI — они служат основой для создания высококачественных систем проектирования. 🖥 GitHub 🟡 Доки 🟡 Демо, как выглядит редактор @react_tg

🖥 BlockNote — текстовый редактор, созданный с помощью React, с большим количеством возможностей — npm install @blocknote/core @blocknote/react @blocknote/mantine BlockNote использует идею блоков (как в Notion), имеет множество возможностей, его можно легко расширять и дописывать новые возможности. Построен на основе Prosemirror и Tiptap. 🖥 GitHub @react_tg