🖥 Все свойства курсора для CSS!

@react_tg

🌐 Lychee — это быстрый асинхронный инструмент для проверки ссылок!

🌟 Он предназначен для нахождения нерабочих URL-адресов и email-адресов в различных форматах, таких как Markdown, HTML, reStructuredText, а также на веб-сайтах.

🌟 Lychee поддерживает проверку как локальных файлов, так и веб-ресурсов, предлагая функциональность через командную строку, а также интеграцию с Docker и GitHub Actions. Инструмент может обрабатывать редиректы, ошибки SSL и предоставляет такие функции, как подробный вывод, индикатор выполнения и возможность настройки заголовков. Lychee можно установить через пакеты, например, с помощью Homebrew, или собрать из исходников с использованием Cargo.

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

🖥 Github

@react_tg

👩‍💻 use-secret-code — пользовательский хук для React, который позволяет добавлять "секретные коды" (аналогичные чит-кодам из видеоигр) в ваше приложение!

🌟 Хук отслеживает последовательности нажатий клавиш и включает или отключает определенные функции в зависимости от введенного кода. Это может быть полезно для активации скрытых возможностей или просто для развлечения в приложении.

🔐 Лицензия: MIT

🖥 Github

@react_tg

👩‍💻 Изучите React JS — полное руководство для начинающих (2024) и практические проекты!

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

🕞 Продолжительность: 15:40:53

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

@react_tg

🔥 redux-auth-wrapper — это библиотека для интеграции механизма аутентификации и авторизации в приложения на базе React и Redux!

💡 Она предназначена для упрощения работы с защищенными маршрутами и сессиями пользователей в приложениях, использующих Redux для управления состоянием.

🔍 Библиотека предоставляет набор вспомогательных функций и обёрток для:

🌟 Проверки прав доступа к маршрутам (например, защищенные страницы, доступные только авторизованным пользователям).

🌟 Управления состоянием пользователя, чтобы приложение могло определить, авторизован ли пользователь и имеет ли он нужные разрешения для доступа к определённым ресурсам.

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

🔐 Лицензия: MIT

🖥 Github

@react_tg

📖 Эта статья на Linux Handbook объясняет, как использовать GitHub Pages для хостинга статических веб-сайтов!

🌟 GitHub Pages предоставляет бесплатный и удобный способ разместить сайт, просто создав репозиторий на GitHub и загрузив туда необходимые HTML, CSS и JavaScript файлы. В статье подробно рассматривается процесс создания репозитория, загрузки файлов и настройки GitHub Pages для публикации сайта, а также использование доменов с расширением .github.io или собственного домена.

🌟 Кроме того, в статье даны полезные советы, такие как настройка CI/CD для автоматического обновления контента и ограничения GitHub Pages (например, поддержка только статических сайтов). Это руководство идеально подходит для тех, кто хочет быстро создать и опубликовать личный сайт, портфолио или проект без затрат на сервер или хостинг.

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

@react_tg

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

🌟 Он эффективно извлекает метаданные видео и отображает отформатированные длительности в удобном интерфейсе и создан с помощью React и Node.js.

🔐 Лицензия: MIT

🖥 Github

@react_tg

🔥 AOS (Animate on Scroll) — это легкая и гибко настраиваемая библиотека для добавления привлекательных анимаций при прокрутке веб-страниц!

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

@react_tg

👩‍💻 Курс по созданию полноценных веб-приложений с использованием стека MERN, включающего MongoDB, Express.js, React и Node.js!

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

🕞 Продолжительность: 2:16:25

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

@react_tg

🖥 Как упаковать React-приложение в Docker-контейнер: детальное руководство для разработчиков!

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

@devopsitsec

👣 Курс: Создание Fullstack приложения с использованием Go и React!

🌟 В этом курсе вы создадите полнофункциональное веб-приложение с функциями создания, чтения, обновления и удаления (CRUD) для заметок! Приложение будет иметь стильный пользовательский интерфейс со светлым и темным режимами, что гарантирует адаптивный дизайн, который отлично смотрится на экранах любого размера. К концу этого курса вы будете иметь прочное понимание Go и React, а также практический опыт интеграции различных современных инструментов и библиотек.

🕞 Продолжительность: 2:07:28

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

@golang_interview

🌐 Web-Dev-For-Beginners — это учебный проект от Microsoft, созданный для начинающих разработчиков, которые хотят изучить основы веб-разработки!

🌟 Курс состоит из 24 уроков, рассчитанных на 12 недель, и охватывает ключевые темы, такие как HTML, CSS и JavaScript. Программа обучения построена на проектной методике: студенты работают над практическими заданиями, такими как создание террариума, расширения для браузера и космической игры.

🔐 Лицензия: MIT

🖥 Github

@react_tg

🌐 Homepage — настраиваемая стартовая страница или дашборд для веб-приложений с интеграцией более 100 сервисов и API!

🌟 Она поддерживает Docker, сервисные интеграции (например, Plex, Sonarr, Radarr) и виджеты для отображения информации (погода, время, дата). Пользователи могут кастомизировать внешний вид и настройки с помощью YAML-файлов и Docker. Homepage ориентирован на производительность, безопасность и удобство в использовании.

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

🖥 Github

@react_tg

🖥 Revideo — открытый фреймворк для программного редактирования видео!

🌟 Это — форк проекта Motion Canvas с целью превращения его в библиотеку, которую разработчики могут использовать для создания приложений для редактирования видео. Revideo позволяет создавать шаблоны видео на TypeScript, а затем развертывать их через API для динамической генерации. Также есть компонент React для предварительного просмотра изменений в реальном времени!

🔐 Лицензия: MIT

🖥 Github

@react_tg

👩‍💻 Это — подробное руководство по созданию современного приложения на React с использованием Vite, TypeScript, ESLint, Tailwind CSS, Zustand и shadcn/ui!

🌟 Автор объясняет, как настроить проект с нуля, начиная с установки зависимостей, настройки конфигурации Tailwind CSS и ESLint, а также интеграции популярных библиотек для управления состоянием и пользовательскими интерфейсами.

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

@react_tg

🌟 Было?

@react_tg

👩‍💻 react-helmet — библиотека для управления элементами <head>!

🌟 Она позволяет динамически изменять такие теги, как <title>, <meta>, <link>, и другие, в зависимости от контекста или состояния компонента. Это полезно для SEO (поисковой оптимизации) и настройки мета-данных в одностраничных приложениях (SPA), улучшая индексацию страниц поисковыми системами.

🔐 Лицензия: MIT

🖥 Github

@react_tg

🖥 FormBee — это open-source решение для обработки данных форм с веб-сайтов!

🌟 Оно позволяет отправлять данные форм на email, Telegram, Discord, вебхуки или другие сервисы без необходимости писать серверный код. Разработчики могут использовать либо готовую хостинговую версию, либо самостоятельно развернуть backend через Docker. FormBee поддерживает автоматическую отправку ответов пользователям, защиту от спама с помощью CAPTCHA и настройку доменов для защиты от несанкционированного использования.

🔐 Лицензия: MIT

🖥 Github

@react_tg

👩‍💻 Эта статья представляет собой пошаговое руководство по созданию полнофункционального приложения для заметок с использованием React, Node.js и PostgreSQL!

🌟 В процессе разработки рассматриваются следующие этапы: создание пользовательского интерфейса с помощью React, разработка серверной части на Node.js и настройка базы данных PostgreSQL для хранения заметок. Особое внимание уделяется валидации данных как на стороне клиента, так и на сервере, а также обеспечению адаптивности интерфейса для корректного отображения на мобильных устройствах.

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

@react_tg