React JS

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

🌟 Squish поддерживает популярные форматы, такие как AVIF, JPEG, JPEG XL, PNG, и WebP, обеспечивая сжатие без загрузки изображений на сервер. Пользовательский интерфейс построен на React и TypeScript, с использованием Vite для быстрой разработки и Tailwind CSS для стилизации.

🔐 Лицензия: MIT

🖥 Github

@react_tg

👩‍💻 AgnosticUI — это библиотека компонентов интерфейса, разработанная для работы с различными фреймворками, такими как React, Vue 3, Svelte, Astro и Angular!

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

@react_tg

👩‍💻 Полный курс React Native для начинающих!

🕞 Продолжительность: 4:23:52

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

#курс #reactnative

👩‍💻 В этой статье автор объясняет основные принципы React для начинающих!

🌟 Автор рассматривает ключевые темы: JSX, состояние, пропы, рендеринг списков, обработку событий, хуки и однонаправленный поток данных. Также даются рекомендации по настройке окружения и базовым знаниям JavaScript, необходимым для работы с React.

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

@react_tg

👩‍💻 Эта статья описывает, как создать резюме с возможностью экспорта в PDF, используя React, TypeScript и Next.js!

🌟 В ней пошагово объясняется, как разработать адаптивное резюме с поддержкой вывода в PDF. Рассматриваются такие аспекты, как настройка SEO с использованием мета-тегов, создание структуры резюме (разделы о работе, проектах, контактах) и интеграция функции экспорта с помощью библиотеки React-to-print.

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

@react_tg

🔥 LogoCreator — приложение с открытым исходным кодом, которое использует Flux 1.1 для генерации разнообразных логотипов по вашему запросу!

🖥 Github

@react_tg

👩‍💻 AgnosticUI — это библиотека компонентов интерфейса, разработанная для работы с различными фреймворками, такими как React, Vue 3, Svelte, Astro и Angular!

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

@react_tg

🌐 Эта статья предоставляет руководство по разработке полнофункциональных приложений на Next.js с использованием стека из Zod, TypeScript, tRPC, React Query и Sequelize ORM!

🌟 В статье подробно объясняется, как настроить проект на Next.js, интегрировать PostgreSQL для хранения данных, использовать схемы Zod для валидации и Sequelize для работы с базой данных. Также рассматривается использование tRPC для эффективного получения данных и работы с CRUD-операциями для моделей, таких как Post и Author.

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

@react_tg

🖥 Flexbox Labs — это веб-приложение с открытым исходным кодом, предназначенное для создания гибких макетов с использованием CSS Flexbox!

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

🔐 Лицензия: MIT

🖥 Github

@react_tg

🌐 Курс по разработке мобильных приложений с React Native, Supabase, Next.js!

🕖 Продолжительность: 11:46:01

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

#курс #reactnative

@react_tg

👩‍💻 Avvvatars — это библиотека React с открытым исходным кодом, предназначенная для генерации уникальных аватаров для пользователей!

💡 Она предлагает 40 тщательно подобранных цветов и 60 уникальных форм, что позволяет создавать разнообразные и запоминающиеся аватары. Библиотека легковесна (менее 100 КБ) и проста в использовании, что делает её подходящей для интеграции в различные проекты.

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

@react_tg

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

МАШИННОЕ ОБУЧЕНИЕ: 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
Data Science: 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_google
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/fizmat

💼 Папка с вакансиями: 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

👩‍💻 HeroUI (ранее известная как NextUI) — это современная, быстрая и красивая библиотека компонентов пользовательского интерфейса для React, предназначенная для создания доступных и настраиваемых веб-приложений!

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

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

@react_tg

🔍 Этот мисье явно знает толк в извращениях...

@react_tg

👩‍💻 Эта статья рассматривает ключевые паттерны проектирования, которые помогают создавать масштабируемые и удобные для поддержки React-приложения!

🌟 В статье приводятся примеры практического применения, включая создание компонентов, разбиение бизнес-логики и UI, использование пользовательских хуков для обработки данных и управление сложным состоянием с помощью useReducer.

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

@react_tg

🔥 25 декабря 1990 года в CERN британский физик и пионер Интернета Тим Бернерс-Ли создал первый в мире веб-браузер под названием WorldWideWeb!

🔍 Вот его эмулятор: *клик*

@react_tg

🖥 Шпаргалка по оптимальной ширине в media для создания адаптивных веб-сайтов!

@react_tg

👩‍💻 Эта статья посвящена оптимизации производительности в React-приложениях!

🌟 Статья объясняет, как уменьшить количество ненужных рендеров компонентов, используя такие методы, как мемоизация с помощью React.memo, useMemo и useCallback. Автор также обсуждает, как правильно управлять состоянием и оптимизировать работу с компонентами, чтобы приложение оставалось быстрым и масштабируемым.

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

@react_tg

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

🌟 Она предоставляет интуитивно понятный интерфейс с возможностью перетаскивания компонентов, что позволяет быстро создавать сложные и отзывчивые пользовательские интерфейсы. ToolJet поддерживает интеграцию с более чем 50 различными источниками данных, включая базы данных (PostgreSQL, MongoDB, MySQL), облачные хранилища, GraphQL, API, а также такие сервисы, как Airtable, Google Sheets и OpenAI.

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

🖥 Github

@react_tg

👩‍💻 Эта статья объясняет, как правильно рендерить массив компонентов в React, избегая ошибок, связанных с использованием индексов массива в качестве значений свойства key!

🌟 Автор приводит примеры проблем, возникающих при использовании индексов, и показывает, как заменить их уникальными идентификаторами для корректной работы.

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

@react_tg