React JS

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

МАШИННОЕ ОБУЧЕНИЕ: t.me/ai_machinelearning_big_data
C++ t.me/cpluspluc
Python: t.me/pythonl
Linux: t.me/linuxacademiya
Хакинг: t.me/linuxkalii
Devops: t.me/DevOPSitsec
АНАЛИЗ Данных: t.me/data_analysis_ml
Javascript: t.me/javascriptv
C#: t.me/csharp_ci
Java: t.me/javatg
Базы данных: t.me/sqlhub
Python собеседования: t.me/python_job_interview
Мобильная разработка: t.me/mobdevelop
Docker: t.me/DevopsDocker
Golang: t.me/golang_interview
React: t.me/react_tg
Rust: t.me/rust_code
ИИ: t.me/vistehno
PHP: t.me/phpshka
Android: t.me/android_its
Frontend: t.me/front
Big Data: t.me/bigdatai
Собеседования МЛ: t.me/machinelearning_interview
МАТЕМАТИКА: t.me/data_math
Kubernets: t.me/kubernetc
Разработка игр: https://t.me/gamedev
Haskell: t.me/haskell_tg

💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: https://t.me/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://t.me/addlist/mzMMG3RPZhY2M2Iy

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

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://t.me/addlist/BkskQciUW_FhNjEy

🖥 Yaak — это современный десктопный клиент для работы с API, который позиционируется как лёгкая и интуитивная альтернатива Postman и Insomnia!

⭐️ Приложение Yaak позволяет пользователям организовывать и отправлять запросы для REST, GraphQL, SSE и gRPC, сохраняя простоту интерфейса. Оно поддерживает функции работы в оффлайн-режиме, использование переменных окружения, импорт команд curl и запросов из других инструментов, таких как Postman и OpenAPI.

🔐 Лицензия: MIT

🖥 GitHub

@sqlhub

🖥 React Hook Form — библиотека, которая предоставляет простой в использовании API для управления состоянием формы и валидации с использованием React hooks! Она легкая и повышает производительность за счет сокращения ненужных повторных рендеров.

🔗 Ссылка: *клик*

@react_tg

🔥 design-resources-for-developers — обширный список ресурсов для веб-дизайна и разработки интерфейсов!

⭐️ Ресурс включает бесплатные и платные инструменты, шаблоны, иконки, иллюстрации, палитры цветов, шрифты, UI-киты и многое другое, что помогает разработчикам улучшить визуальную составляющую проектов.

🔐 Лицензия: MIT

🖥 GitHub

@react_tg

🌟 Text-to-Speech в браузере на безе OuteTTS.

Простое приложение React + Vite для запуска OuteTTS с помощью Transformers.js и WebGPU.

Попробовать демо можно на HuggingSpace. При первом запуске модель загружается в кэш браузера, это занимает какое-то время.

▶️ Локальная установка и запуск:

# Clone the repository
git clone https://github.com/huggingface/transformers.js-examples.git

# Go to project dir
cd transformers.js-examples/text-to-speech-webgpu

# Install the dependencies via npm
npm i

# Run dev server
npm run dev

# Open your browser and go to http://localhost:5173

🟡Demo
🖥Github


@ai_machinelearning_big_data

#AI #ML #TTS #WebGPU #TransfomersJS

🖥 Appsmith — это инструмент для создания внутренних приложений и панелей администратора, который позволяет пользователям без опыта программирования разрабатывать интерфейсы!

🌟 Платформа включает визуальный редактор с виджетами (таблицы, графики, формы и т.д.), а также возможность интеграции со многими базами данных и сторонними API. JavaScript поддерживается для написания логики, что помогает при создании сложных интерфейсов. Appsmith фокусируется на быстром создании инструментов, улучшении бизнес-процессов и снижении затрат на разработку.

🔐 Лицензия: Apache-2.0

🖥 Github

@react_tg

🖥 Learn React.

Для тех, кто хочет начать изучать React, это 15-часовом видеоролик Боба Зирполи на YouTube для новичков.

https://youtube.com/watch?v=x4rFhThSX04

@react_tg

💡 Простая формула для вычисления радиуса вложенной границы: на заметку фронтенд-разработчику

👉 Попробовать можно здесь

@react_tg

👣 Создание приложения с помощью Go и React!

🌟 В этой статье рассматриваются шаги по интеграции API на Go с фронтендом на React, настройка маршрутизации, работа с данными и управление состоянием.

🔗 Ссылка: *клик*

@golang_interview

👩‍💻 Эта статья объясняет, как работает механизм повторных рендеров в React и почему компоненты иногда перерендериваются чаще, чем ожидается.

🌟 Автор подробно рассматривает, как React отслеживает зависимости, как состояние и свойства влияют на рендеринг, и делится методами оптимизации.

🔗 Ссылка: *клик*

@react_tg

👩‍💻 Remotion — инструмент для создания видео с использованием React!

🌟 Он позволяет разработчикам использовать привычный стек технологий фронтенда, таких как JavaScript/TypeScript и JSX, для анимации и создания медиа-контента. Вместо традиционных видеоредакторов вы пишете код, который описывает ваши сцены, а затем генерируете видео с помощью рендеринга.

🌟 Основные возможности Remotion включают управление таймлайном через компоненты React, поддержку анимаций, интеграцию с библиотеками, такими как Three.js, и возможность рендерить видео с использованием FFMPEG.

🖥 Github

@react_tg

🔥 llamacoder — открытый проект для создания приложений на основе текстовых запросов с использованием Llama 3.1 405B.

🌟 Он включает в себя интерфейс, который позволяет пользователям генерировать небольшие приложения с помощью одного запроса, а также предоставляет возможности для дальнейшей настройки и обмена созданными приложениями. Проект создан на Next.js, Tailwind CSS и Sandpack для песочницы кода. Проект активно развивается, и разработчики планируют добавить множество новых функций.

🖥 Github

@react_tg

👩‍💻 Twenty — платформа на React с открытым исходным кодом для управления взаимоотношениями с клиентами (CRM). Она предоставляет возможности для настройки взаимодействий с клиентами, автоматизации продаж, управления сделками и коммуникациями.

🌟 Twenty предназначен для гибкого использования и настройки под индивидуальные потребности команд и организаций, фокусируясь на прозрачности и удобстве интеграции с другими инструментами.

🔐 Лицензия: GNU

🖥 Github

@react_tg

🔍 Полезный инструмент, который преобразовывает ваши jpg фото в высококачественные svg изображения!

🔗 Ссылка: *клик*


@react_tg

⚡️ Font Tester

Затрудняетесь с выбором подходящего шрифта? Это крутой инструмент, который позвоялет протестировать более 1000 бесплатных шрифтов Google на своем веб-сайте.

Улучшите типографику веб-сайта с помощью этого расширения.

Вы можете зайти на свой веб-сайт, нажать на расширение, протестировать шрифты и выбрать тот, который вам нравится, вместе с кодом.

🖥 Github

@react_tg

🌐 SafeLine — это веб-аппликационный firewall (WAF), разработанный Chaitin Technology. Он защищает веб-приложения от различных типов атак, таких как SQL-инъекции, XSS и др., фильтруя потенциально опасные запросы.

🌟 SafeLine предоставляет эффективные инструменты для мониторинга и защиты приложений в реальном времени, что делает его полезным для обеспечения безопасности веб-сервисов.

🔐 Лицензия: GPL-3.0

🖥 Github

@react_tg

👩‍💻 Fullstack Drag & Drop приложение для заметок с React!

🌟 Узнайте, как создать приложение для заметок с помощью JavaScript и Appwrite. Appwrite — это платформа Backend as a Service (BaaS) с открытым исходным кодом, которая позволяет быстро и легко создавать бэкенды!

🕞 Продолжительность: 1:49:27

🔗 Ссылка: *клик*

@react_tg

👩‍💻 Статья: Пошаговое объяснение процесса гидратации в React!

🔗 Ссылка: *клик*

@react_tg

👩‍💻 Как работать с RESTful API в React — руководство!

💡 Интеграция RESTful API с React расширяет функциональность ваших веб-приложений, позволяя им динамически извлекать и обновлять данные. Эта интеграция обеспечивает бесперебойный пользовательский опыт, гарантируя, что приложение остается отзывчивым и актуальным.

🌟 В этой статье мы углубимся в основы RESTful API и проведем вас через процесс работы с ними в React. От настройки нового проекта React до обработки операций CRUD и внедрения аутентификации вы получите полное представление об интеграции API в ваши приложения React!

🔗 Ссылка: *клик*

@react_tg

👩‍💻 react-hooks-cheatsheet — шпаргалка по React-хукам с интерактивными примерами, которые можно редактировать в режиме реального времени. Это позволяет разработчикам изучать API хуков и проверять их функционал через практические примеры.

🌟 Здесь также представлены распространенные сценарии использования и объяснения для некоторых часто возникающих ситуаций.

🖥 Github

@react_tg