React JS @react_tg Channel on Telegram

React JS

30 Jan, 13:03

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

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

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

@react_tg

2,180

React JS

28 Jan, 12:33

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

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

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

@react_tg

2,699

React JS

27 Jan, 11:01

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

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

🔐 Лицензия: MIT

🖥 Github

@react_tg

3,136

React JS

26 Jan, 13:02

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

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

🔐 Лицензия: MIT

🖥 Github

@react_tg

3,239

React JS

26 Jan, 12:38

🌟 Было?

@react_tg

3,045

React JS

24 Jan, 12:15

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

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

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

@react_tg

3,647

React JS

22 Jan, 13:03

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

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

🔐 Лицензия: MIT

🖥 Github

@react_tg

4,139

React JS

20 Jan, 13:20

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

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

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

🖥 Github

@react_tg

4,501

React JS

19 Jan, 12:01

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

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

🔐 Лицензия: MIT

🖥 Github

@react_tg

4,694

React JS

19 Jan, 10:03

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

МАШИННОЕ ОБУЧЕНИЕ: 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

4,118

React JS

18 Jan, 12:05

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

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

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

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

@golang_interview

4,065

React JS

16 Jan, 13:04

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

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

@devopsitsec

4,712

React JS

14 Jan, 09:04

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

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

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

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

@react_tg

5,480

React JS

14 Jan, 07:03

Успей ухватить 7 дней бесплатного обучения фронтенд-разработке!

Завтра Роман Чернов, веб-разработчик с 10-летним стажем, проведёт онлайн-интенсив с практикой и обратной связью.

На эти 7 дней план такой:
- Учишься использовать ChatGPT и Giga в вёрстке;
- Верстаешь веб-сайт на HTML + CSS;
- Реализуешь функционал на JavaScript;
- Используешь фронтенд-фреймворк Angular;
- Подключаешь Backend и загрузишь сайт на хостинг;
- Получаешь советы по доработке своего проекта;
- Узнаёшь, как получать заказы на фрилансе даже без опыта.

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

👉 Забрать бесплатно 7 дней обучения фронтенд-разработке

А тем, кто ещё только думает переходить в IT, дадим пошаговый план как стать успешным фронтенд-разработчиком с нуля и зарабатывать от 1000$/мес.

🔥 С 2019 стабильно помогаем с обучением, практикой, зарабатывать на фрилансе и проходить собеседования.

4,946

React JS

12 Jan, 18:25

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

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

@react_tg

4,920

React JS

10 Jan, 13:01

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

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

🔐 Лицензия: MIT

🖥 Github

@react_tg

5,568

React JS

09 Jan, 04:00

💴 money.css
anatolyzenkov.com/resizabill

https://anatolyzenkov.com/resizabill

@react_tg

5,788

React JS

08 Jan, 13:01

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

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

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

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

@react_tg

5,576

React JS

06 Jan, 13:03

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

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

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

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

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

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

🔐 Лицензия: MIT

🖥 Github

@react_tg

5,405

React JS

04 Jan, 13:01

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

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

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

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

@react_tg

5,489

React JS

03 Jan, 12:01

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

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

🔐 Лицензия: MIT

🖥 Github

@react_tg

5,656

React JS

02 Jan, 12:02

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

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

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

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

🖥 Github

@react_tg

5,326

React JS

31 Dec, 13:00

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

@react_tg

5,233

React JS

30 Dec, 10:39

Совет по CSS 💡

Конвертируйте цветные логотипы в однотонные черно-белые изображения для темного/светлого режимов с помощью CSS-фильтров 🤩

Нет необходимости создавать отдельные изображения для этого ✨

https://www.codewithshripal.com/playground/css/uniform-grayscale-logos-using-css-filters

@react_tg

6,005

React JS

28 Dec, 13:01

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

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

@react_tg

5,574

React JS

26 Dec, 12:00

🔍 Screeps — это многопользовательская программируемая стратегия в реальном времени, где игроки пишут код для управления колониями в виртуальном мире!

🌟 Название происходит от слов "Scripting Creeps", что отражает суть игры: вместо ручного управления вы пишете JavaScript-код, который автоматически управляет игровыми объектами!

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

@react_tg

6,343

React JS

24 Dec, 13:00

👩‍💻 Создание и развертывание клона Instagram с помощью React и Firebase!

💡 Курс охватывает широкий спектр навыков разработки, начиная с настройки React и Chakra UI для front-end дизайна. Он проведет вас через процесс создания основных компонентов платформы социальных сетей, включая страницы аутентификации, боковые панели, домашние страницы и страницы профилей. Основное внимание уделяется созданию удобного и визуально привлекательного интерфейса, напоминающего культовый дизайн Instagram!

🕞 Продолжительность: 8:21:36

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

@react_tg

5,970

React JS

22 Dec, 15:30

👩‍💻 multimodal-live-api-web-console — стартовое приложение на React для работы с Multimodal Live API через вебсокеты!

🌟 Он предоставляет модули для воспроизведения аудио, записи пользовательских данных (например, с микрофона или веб-камеры), а также объединенный интерфейс для логирования. Это позволяет разработчикам тестировать и разрабатывать приложения, использующие мультимодальные функции, такие как обработка данных с помощью API Gemini от Google.

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

🖥 Github

@react_tg

5,598

React JS

22 Dec, 14:16

ФИЗМАТ - топовый канал про Физику, Математику и ИТ.

С помощью картинок и шортcов даже новички разберутся в сложных концепциях и формулах.

Присоединяйтесь: t.me/fizmat

5,092

React JS

21 Dec, 14:01

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

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

@react_tg

4,480

React JS

20 Dec, 13:01

@react_tg

4,923

React JS

19 Dec, 13:01

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

🌟 Он помогает автоматически выявлять неэффективные участки кода, такие как чрезмерные рендеры компонентов или использование ненужных эффектов.

🔐 Лицензия: MIT

🖥 Github

@react_tg

4,823

React JS

18 Dec, 14:17

👩‍💻 Alibaba ICE — прогрессивный фреймворк для создания приложений на основе React.js!

🌟 Он поддерживает рендеринг на сервере (SSR), статическую генерацию страниц (SSG), модульную систему плагинов и разработку для нескольких платформ (веб, мини-приложения, Weex). Инструмент предназначен для упрощения создания приложений с минимальной настройкой, включая поддержку ES6+, TypeScript, Less, Sass и CSS-модулей.

🔐 Лицензия: MIT

🖥 Github

@react_tg

4,695

React JS

18 Dec, 12:17

Отношение с девушками - как один сплошной баг?

➕ Плюс работы айтишником – комфортно долго сидеть за компом.

➖Минус – личная жизнь

Стресс от знакомства, неловкие свидания, постоянные френдзоны, слитые деньги на кафешки…

☹️Много работая – сложно натренировать социальные навыки. А тренировать надо, если не хочется всю жизнь провести в одиночестве.

Как же знакомиться без страха, перестать попадать во френдзоны и наконец ходить на свидания результативно?

✅ Забирайте бесплатный мини-курс для айтишников от психолога Сергея Калиниченко: “Как соблазнить любую девушку без пикапа”.
4 коротких урока, которые пофиксят твою личную жизнь.

Реклама. erid: LjN8K7Lmk ИП Калиниченко Сергей Константинович. ИНН 773382779875

3,944

React JS

18 Dec, 12:01

🖥

Список из 100 вопросов с собеседований Middle JavaScript разработчика в 2025 году

Представляем вам список из 100 вопросов, которые могут встретиться на собеседовании для позиции Middle JavaScript Developer. Я также добавлю подробное объяснение к каждому вопросу, чтобы вы могли лучше подготовиться к собеседованию.

📌 Читать

@react_tg

3,746

React JS

17 Dec, 10:01

👩‍💻 React i18next — фреймворк, который упрощает процесс добавления поддержки нескольких языков в ваши приложения React! Он поддерживает ленивую загрузку языковых файлов, плюрализацию и форматирование.

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

@react_tg

3,646

React JS

16 Dec, 11:00

🖥 Полезный ресурс с сотней различных кнопок для вашего сайта!

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

@react_tg

3,901

React JS

14 Dec, 11:01

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

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

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

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

@react_tg

4,461

React JS

14 Dec, 09:38

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

МАШИННОЕ ОБУЧЕНИЕ: 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

3,930

React JS

13 Dec, 10:01

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

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

🔐 Лицензия: MIT

🖥 GitHub

@sqlhub

3,821

React JS

09 Dec, 13:01

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

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

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

🖥 Github

@react_tg

1,385

React JS

08 Dec, 18:46

🖥

Learn React.

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

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

@react_tg

2,326

React JS

07 Dec, 07:49

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

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

@react_tg

3,155

React JS

06 Dec, 08:13

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

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

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

@golang_interview

3,071

React JS

05 Dec, 15:50

Ищем новичков во фронтенд-разработке и вёрстке сайтов.

Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.

А именно:

- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.

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

Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе.

👉 Приходи на бесплатное обучение и зови с собой друзей

Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.

3,318

React JS

05 Dec, 13:01

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

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

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

@react_tg

2,954

React JS

04 Dec, 12:00

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

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

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

🖥 Github

@react_tg

3,003

React JS

03 Dec, 14:01

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

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

🖥 Github

@react_tg

3,269

React JS

02 Dec, 12:15

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

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

🔐 Лицензия: GNU

🖥 Github

@react_tg

3,535

React JS

02 Dec, 11:12

Открытый вебинар "Создание веб-компонентов и использование Shadow DOM"

🎁Полный обзор веб-компонентов: создание независимых, повторно используемых элементов интерфейса на чистом JavaScript и Shadow DOM

На практике изучите:
- Изоляция стилей и поведения, создание защищенных компонентов.
- Примеры создания интерфейсов, работающих с нативным JavaScript и интегрируемых с фреймворками, такими как React и Vue, где уже есть поддержка для веб-компонентов.

Что узнают участники?
✅ Как создать нативные веб-компоненты с использованием JavaScript и Shadow DOM — мощные, инкапсулированные элементы для долгосрочной поддержки.
🤖 Методы работы с Shadow DOM — независимость от остального кода и адаптация под любые задачи

🔥Регистрируйтесь на урок 4 декабря, в 20:00 мск и получите скидку на большое обучение «JavaScript Developer. Professional»: https://otus.pw/BYqi/?erid=LjN8KWx7P

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

3,309

React JS

01 Dec, 15:59

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

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

@react_tg

3,484

React JS

01 Dec, 10:45

⚡️ Font Tester

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

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

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

🖥 Github

@react_tg

4,426

React JS

30 Nov, 14:00

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

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

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

🖥 Github

@react_tg

3,509

React JS

30 Nov, 12:04

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

МАШИННОЕ ОБУЧЕНИЕ: 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

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

3,770

React JS

29 Nov, 16:01

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

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

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

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

@react_tg

3,926

React JS

28 Nov, 13:01

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

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

@react_tg

4,099

React JS

27 Nov, 11:40

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

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

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

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

@react_tg

4,724

React JS

27 Nov, 09:20

Yandex Cloud приглашает пройти новый образовательный трек по работе с ML-сервисами!

Обучение включает в себя три уровня сложности — как для новичков, так и для профи:
🔴Introduction. Расскажем о том, как работают ML-сервисы и как подобрать сервис для решения задач. Подойдет всем, кто интересуется ML;
🔴Intermediate. О внедрении ML в рабочие процессы. Подойдёт аналитикам, разработчикам и менеджерам проектов;
🔴Advanced. О том, как построить сервис на базе ML-технологий. Подойдёт Data Scientist и ML-инженерам.

Курс бесплатный, пройти обучение можно в удобном порядке, выбрав только интересующие темы. Над созданием курса работали практикующие эксперты Yandex Cloud.

➡️ Переходите по ссылке и регистрируйтесь на трек.

4,331

React JS

25 Nov, 13:01

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

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

🖥 Github

@react_tg

4,553

React JS

25 Nov, 09:12

⚡️ Создаём приложение для чата с помощью ReactJS и Firebase

Небольшое приложение со входом в аккаунт через учётную запись Google с помощью Firebase Authentication (SDK). Это инструмент Firebase, который поддерживает различные методы аутентификации, такие как пароли, номера телефонов, Google, Facebook, Twitter, GitHub и другие.

Все сообщения из чата пользователя хранятся в облаке Firestore. Cloud Firestore сохраняет данные в документах в виде пар ключ-значение.

В этой статье вы найдёте пошаговое руководство, как настроить проект в Firebase и React, и создадите полноценное приложение для чата:

https://www.freecodecamp.org/news/building-a-real-time-chat-app-with-reactjs-and-firebase/

#react

@react_tg

4,203

React JS

23 Nov, 15:00

👩‍💻 react-dnd — библиотека для реализации функционала drag-and-drop (перетаскивания) в приложениях на React!

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

💡 Основные возможности библиотеки включают поддержку сложных сценариев перетаскивания, таких как вложенные области перетаскивания, обработка нескольких элементов, создание настраиваемых источников и целей для перетаскивания. React-DnD построен на основе Redux и использует концепцию "обработчиков", чтобы обеспечить универсальность и гибкость при построении интерфейсов.

🔐 Лицензия: MIT

🖥 Github

@react_tg

2,654

React JS

23 Nov, 14:00

🔥 Open Canvas — интерфейс, разработанный на Next.js и Tailwind для улучшенного взаимодействия с языковыми моделями для задач, связанных с созданием текста, кода и документации

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

🔐 Лицензия: MIT

🖥 Github

@react_tg

2,561

React JS

21 Nov, 16:01

👩‍💻 Formik — это популярная библиотека для управления формами в приложениях на React!

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

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

🖥 Github

@react_tg

3,252

React JS

21 Nov, 14:00

🖥 css-protips — коллекция полезных советов по CSS для улучшения кода и пользовательского интерфейса!

🌟 Эти подсказки охватывают эффективные техники стилизации, оптимизации производительности и упрощения CSS-кода, от базовых до более продвинутых. Он полезен для разработчиков, желающих улучшить свои навыки работы с CSS и сделать код чище и эффективнее

🔐 Лицензия: CC0-1.0

🖥 Github

@react_tg

3,041

React JS

20 Nov, 14:02

👣 book-store — приложение книжный магазин, написанное на Go (backend) и Next.js (frontend).

🌟 Основные функции включают аутентификацию пользователей с JWT, админ-панель для управления книгами и заказами, CRUD-операции и middleware для валидации запросов. Интерфейс разработан на React и Next.js с использованием Redux Toolkit для управления состоянием.

🖥 Github

@react_tg

3,540

React JS

19 Nov, 09:28

⚡️ Screenshot-to-code позволяет легко преобразовывать скриншоты, макеты и дизайнерские концепции из Figma в высококачественный, функциональный код с помощью искусственного интеллекта.

Он поддерживает работу с моделями Claude Sonnet 3.5 и GPT-4o.

🔗 Репозиторий

@react_tg

3,729

React JS

18 Nov, 11:10

👩‍💻 Chakra UI — это современная библиотека компонентов, которая предоставляет простые, доступные и высоконастраиваемые компоненты пользовательского интерфейса! В ней присутствует встроенная поддержка темного режима и адаптивного дизайна.

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

@react_tg

4,024

React JS

16 Nov, 12:01

👩‍💻 React Starter Kit — это набор инструментов для быстрого старта разработки веб-приложений на React. Он включает SSR (server-side rendering), аутентификацию, поддержку API и модульную архитектуру. Проект ориентирован на высокую производительность и гибкость, что делает его хорошей отправной точкой для создания любых приложений

🔐 Лицензия: MIT

🖥 Github

@react_tg

4,345

React JS

16 Nov, 10:04

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

МАШИННОЕ ОБУЧЕНИЕ: 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_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

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

3,975

React JS

14 Nov, 16:41

🖥 Красивый остров с показателем прокрутки на странице с возможностью перемещения по заголовкам статьи!

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

@react_tg

4,446

React JS

14 Nov, 14:40

Требуются парни и девушки в возрасте 19–40 лет, желающие работать в сфере IT.

Опыт в программировании не нужен.

Завтра запускаем бесплатный онлайн-интенсив по Frontend-разработке, где будем показывать, как разрабатывать сайты и веб-приложения.

За 7 дней обучения ты:

1. Создашь полноценный веб-сайт на HTML и CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Узнаешь сколько можно зарабатывать и как работать;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

А главное, ты увидишь, что разрабатывать сайты и приложения не так сложно, как кажется. И поймёшь, как тебе развиваться в этой профессии, чтобы уже в следующем году зарабатывать от 1000$ на вёрстке сайтов.

👉 Проскочить на интенсив бесплатно

🔥 С нас обучение, практика и помощь с выходом на фриланс.

4,278

React JS

13 Nov, 16:00

🖥 24 проекта на CSS! Анимации загрузки, карусели, слайдеры и многое другое!

🌟 CSS — это важный навык для веб-разработчиков, и его освоение может значительно улучшить внешний вид и восприятие ваших проектов. Независимо от того, новичок ли вы, желающий отточить свои навыки, или опытный разработчик, стремящийся быть в курсе последних технологий, этот курс будет одинаково для вас полезен!

🕞 Продолжительность: 2:34:10

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

@react_tg

4,529

React JS

12 Nov, 14:02

🔥 WebStorm теперь бесплатен для некоммерческого использования! Изучаете ли вы JavaScript, работаете над проектами с открытым исходным кодом, создаете контент или пишете код в качестве хобби, теперь вы можете делать это бесплатно!

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

@react_tg

5,226

React JS

11 Nov, 16:00

🖥 HeyForm — это open-source конструктор форм, написанный с использованием Node.js и React. Он позволяет легко создавать и настраивать интерактивные формы для опросов, анкет и викторин с использованием различных полей ввода и условной логики.

🌟 HeyForm поддерживает интеграции с вебхуками, аналитическими и маркетинговыми платформами, а также включает мощные возможности анализа данных.

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

🖥 Github

@react_tg

5,133

React JS

11 Nov, 07:57

👩‍💻 bluewave-uptime — это open-source инструмент мониторинга серверов, созданный с использованием React.js, Node.js и MongoDB.

🌟 Приложение отслеживает доступность серверов, время отклика и инциденты в реальном времени, визуализируя данные и предоставляя уведомления. BlueWave Uptime подходит для управления доступностью и производительностью серверов, поддерживает мониторинг веб-страниц, портов и планируемое обслуживание.

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

🖥 Github

@react_tg

5,177

React JS

09 Nov, 13:00

🔥 Бесплатный курс по React!

🌟 Описание: React (иногда пишется как React.js или ReactJS) — одна из самых популярных библиотек JavaScript для разработки мощных интерактивных веб-приложений. Вы узнаете, как начать с React и перейти к динамическим пользовательским интерфейсам. Вы будете работать со специфическими концепциями React, такими как: JSX, компоненты, состояние, свойства, хуки и многое другое. Пройдите этот курс, чтобы получить преимущество в качестве front-end или full-stack веб-разработчика!

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

@react_tg

5,950

React JS

07 Nov, 09:30

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

🌟 В этом репозитории содержатся инструкции по установке Neovim, примеры наиболее полезных команд для навигации и редактирования кода, а также рекомендации по оптимизации работы в Vim для React-разработчиков. Курс ориентирован на тех, кто хочет повысить свою продуктивность, работая с Vim и JavaScript

🖥 Github

@react_tg

6,116

React JS

05 Nov, 12:01

🖥 Полный курс JavaScript: создание сайта управления отелем с помощью Next.js, Sanity.io и Tailwind CSS!

🕞 Продолжительность: 10:19:31

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

@react_tg

6,134

React JS

03 Nov, 12:00

🖥 Circle preloader — красивая анимация загрузки контента. Реализована на чистом CSS без использования JavaScript!

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

@react_tg

4,803

React JS

01 Nov, 14:00

🔥 Tolgee — это веб-платформа для локализации, ориентированная на разработчиков и переводчиков. Она поддерживает интеграцию с такими фреймворками, как React, Angular, Vue, и предлагает функции автоматического перевода, переводческой памяти и совместной работы. Tolgee позволяет переводить контент прямо в контексте приложения и может быть развернут как самостоятельно, так и через облачные сервисы

▪️GitHub
🔗 Ссылка: *клик*

@react_tg

4,803

React JS

29 Oct, 13:01

👩‍💻 beautiful-react-hooks — коллекция кастомных React-хуков, которые упрощают разработку компонентов и управление их состоянием!

🌟 Включённые хуки охватывают широкий функционал — от управления событиями до обработки состояния и взаимодействия с DOM Этот пакет ориентирован на повышение читаемости кода и ускорение разработки, предоставляя простой и удобный API

🔐 Лицензия: MIT

🖥 Github

@react_tg

5,632

React JS

28 Oct, 09:12

🔥 Бесплатный курс по React!

🌟 Описание: React (иногда пишется как React.js или ReactJS) — одна из самых популярных библиотек JavaScript для разработки мощных интерактивных веб-приложений. Вы узнаете, как начать с React и перейти к динамическим пользовательским интерфейсам. Вы будете работать со специфическими концепциями React, такими как: JSX, компоненты, состояние, свойства, хуки и многое другое. Пройдите этот курс, чтобы получить преимущество в качестве front-end или full-stack веб-разработчика!

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

@react_tg

5,174

React JS

28 Oct, 08:10

Введение в смарт-контракты и пример создания своего токена
Бесплатный вебинар для погружения в смарт-контракты и написание на языке Solidity

**Время и дата проведения:** 31.10.2024 в 20:00

**Особенности вебинара:**
- Общая информация про блокчейн, смарт-контракты
- Введение в смарт-контракты
- Практическая часть - написание своего токена

**Спикер:**
Александр Куперман, Senior Solidity Engineer (Швейцария). Программирует более 20 лет, специалист по Solidity, блокчейн стеку. Работал в Blue Brain Project, Cleverdist, Huawei, Valory. Образование: НГТУ (Россия), UOU (Корея), RPI (США).

Этот вебинар — часть курса Solidity Developer. В рамках курса вы получите знания и сможете применять их на практике под руководством опытных преподавателей.

👉 Для участия в вебинаре зарегистрируйтесь на сайте: https://otus.pw/b9nn/?erid=LjN8KYyXk

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

1,762

React JS

27 Oct, 14:41

👩‍💻 Как создать CRUD-приложение с использованием React и Convex?

💡 Операции CRUD являются основой любого приложения, поэтому при изучении новых технологий важно освоить их на профессиональном уровне!

🌟 В этом уроке вы узнаете, как создать CRUD-приложение с использованием React и Convex. Вы рассмотрите эти операции, создав проект под названием Book Collections. В этом проекте пользователи смогут добавлять книги и обновлять свой статус после завершения чтения книги

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

@react_tg

4,502

React JS

26 Oct, 16:00

👩‍💻 Как создать таймер обратного отсчета с помощью React — пошаговое руководство!

💡 Свежая обучающая статья по разработке на React от FreeCodeCamp!

🔗 Читать: *клик*

@react_tg

4,542

React JS

26 Oct, 13:05

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

МАШИННОЕ ОБУЧЕНИЕ: t.me/ai_machinelearning_big_data
C++ t.me/cpluspluc
Python: t.me/pythonl
Хакинг: 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
Linux: t.me/linuxacademiya
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
Angular: https://t.me/+qIJAuSEb2MQyMDJi

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

4,266

React JS

24 Oct, 13:38

🖥 Создание UI для платформы обмена файлами! (2024)

🕞 Продолжительность: 1:00:39

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

@react_tg

4,782

React JS

22 Oct, 10:18

🔥 htmlrev.com — полезный сайт с 1500+ макетами сайтов!

🌟 Здесь есть множество шаблонов для различных фрейворков, в том числе и React!

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

@react_tg

6,003

React JS

18 Oct, 14:00

🌐 bolt.new — это проект для создания, запуска и деплоя полноценных веб-приложений прямо в браузере с помощью ИИ. Bolt.new использует WebContainers от StackBlitz, что позволяет запускать Node.js, взаимодействовать с API и деплоить приложения без локальной настройки окружения

🌟 Проект предоставляет ИИ полный контроль над файловой системой, сервером, консолью и менеджером пакетов, что позволяет полностью управлять разработкой и развертыванием приложений

🔐 Лицензия: MIT

▪️Github

@react_tg

7,191

React JS

17 Oct, 13:24

👩‍💻 Свежий курс по созданию настольных приложений с помощью Electron, React и TypeScript!

💡 Узнайте, как использовать Electron, React и TypeScript для создания настольных приложений. В ходе этого курса вы узнаете все: от настройки среды разработки до внедрения расширенных функций, таких как визуализация данных, безопасная связь и настраиваемые оконные фреймы, обеспечивая при этом бесперебойный пользовательский опыт!

🕞 Продолжительность: 3:33:19

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

@react_tg

6,397

React JS

17 Oct, 11:24

Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.

👉 Проскочить на интенсив бесплатно

Начинаем уже завтра.

🔥 С нас обучение, практика и помощь с выходом на фриланс.

5,071

React JS

16 Oct, 09:27

👩‍💻 react-jsonschema-form — это библиотека на React для создания форм на основе JSON Schema. Она автоматически генерирует интерактивные формы, используя описание структуры данных в формате JSON

🌟 Основные возможности включают валидацию данных, создание адаптированных пользовательских интерфейсов и поддержку настраиваемых виджетов и полей. Этот инструмент полезен для упрощения работы с формами и динамическими данными в веб-приложениях!

▪️Github

@react_tg

5,222

React JS

14 Oct, 08:30

👩‍💻 Огромный курс React.js! (2024)

🌟 Откройте для себя мощь современной веб-разработки с самым большим курсом React.js в Интернете! Этот комплексный курс предназначен как для новичков, так и для опытных разработчиков, желающих освоить React.js и его экосистему!

🕞 Продолжительность: 12:42:56

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

@react_tg

6,696

React JS

14 Oct, 07:28

⚡Узнайте об актуальных инструментах веб-разработки в 2024 году, последних тенденциях и лучших практиках в разработке фронтенда (React, Vue 3, Svelte) и бэкенда (C#, ASP.NET)!

🔥17 октября в 20.00 мск приглашаем на открытую конференцию "Эффективная веб-разработка в 2024 году: новинки в React, Vue и ASP.NET", на которой обсудим:

✅ React, Vue 3 и Svelte: ключевые обновления в этих фреймворках, которые упрощают создание и поддержку кода. Преимущества и недостатки каждого фреймворка;

✅ Новые возможности .NET 8/9: улучшения в C# и ASP.NET;

✅ Интеграция с фронтендом: продемонстрируем, как легко создавать и взаимодействовать с современными фронтенд-технологиями.

👉Регистрация https://otus.pw/CVDp/?erid=LjN8Jzgdq

🎁Бонусы участника: Карта развития навыков специалиста ASP.NET и Базовые операторы в JavaScript

#реклама
О рекламодателе

5,161

React JS

13 Oct, 10:01

👩‍💻 Примеры популярных CSS анимаций!

@react_tg

5,108

React JS

13 Oct, 07:56

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

МАШИННОЕ ОБУЧЕНИЕ: t.me/ai_machinelearning_big_data
C++ t.me/cpluspluc
Python: t.me/python_job_interview
Хакинг: 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
Linux: t.me/linuxacademiya
Python собеседования: t.me/python_job_interview
Мобильная разработка: t.me/mobdevelop
Docker: t.me/DevopsDocker
Golang: t.me/golang_interview
Angular: t.me/angular
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

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

5,396

React JS

12 Oct, 09:35

🔥 Извлечение компонентов React с помощью Cursor Composer

4,698

React JS

11 Oct, 12:53

🖥

React Discord Clone

Проект React-Discord-Clone представляет собой копию Discord, созданную с применением технологий

React, Node.js, Express, Socket.io и MySQL.

Эта копия может служить полезным учебным материалом для тех, кто хочет изучить создание приложений на основе этих технологий.

▪️ Github

@react_tg

5,611

React JS

10 Oct, 16:01

👩‍💻 Совет: используйте getStaticProps с Incremental Static Regeneration (ISR), чтобы страницы обновлялись без пересборки!

@react_tg

4,901

React JS

09 Oct, 16:01

🖥 Создание адаптивного сайта интернет магазина!

🕞 Продолжительность видео: 1:44:36

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

@react_tg

5,074

React JS

08 Oct, 17:09

🖥 Курс по созданию адаптивного Веб-дизайна от FreeCodeCamp!

💡 Сначала вы создадите приложение для фотографий кошек, чтобы изучить основы HTML и CSS. Позже вы изучите современные методы, такие как переменные CSS и лучшие практики для доступности, создав сайт-викторину.

🌟 Наконец, вы узнаете, как создавать веб-страницы, подходящие для экранов разных размеров, создав фотогалерею с помощью Flexbox и макет журнальной статьи с помощью CSS Grid

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

@react_tg

5,361

React JS

07 Oct, 16:02

👩‍💻 Recoil — это библиотека для управления состоянием в React, разработанная Facebook. Она позволяет использовать глобальное состояние и эффективно управлять зависимостями компонентов. В отличие от Redux, Recoil предлагает более простой и интуитивный API, что делает его удобным для небольших и средних проектов.

❓ Почему стоит попробовать Recoil?
🌟 Простота: Минимум настроек для создания и использования глобального состояния.
🌟 Асинхронные селекторы: Recoil поддерживает асинхронные операции "из коробки", что упрощает работу с API-запросами.
🌟 Тонкая настройка обновлений: Обновления состояния в Recoil происходят только там, где это нужно, что снижает количество перерисовок.

💡Пример использования Recoil:

import React from 'react';
import { atom, useRecoilState } from 'recoil';

// Определение глобального состояния
const textState = atom({
  key: 'textState',
  default: '',
});

function TextInput() {
  const [text, setText] = useRecoilState(textState);
  return (
    <input type="text" value={text} onChange={(e) => setText(e.target.value)} />
  );
}

export default TextInput;

🌟 В отличие от Redux, здесь не нужно создавать экшены или редюсеры — всё инкапсулируется внутри компонентов

🔗 Сайт библиотеки: *клик*
▪️Github

🔐 Лицензия: MIT

@react_tg

4,902

React JS

04 Oct, 16:01

🗂 Bestwebdesigntools — Коллекция инструментов, курсов и шаблонов для разработки веб страниц!

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

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

@react_tg

5,748

React JS

03 Oct, 16:00

🖥 Как улучшить производительность рендеринга страницы с помощью нового CSS свойства content-visibility?

💡 В этой статье автор показывает практическое применение этому свойству на тяжелых страницах с десятками тысяч DOM элементов

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

@react_tg

5,991

React JS

02 Oct, 15:00

🖥 Flexbox Froggy — игра, в которой нужно помочь лягушонку, используя для этого CSS Flexbox

🌟 Отлично подойдет для новичков в верстке сайтов!

🇷🇺 Доступно на русском языке

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

@react_tg

5,937

React JS

30 Sep, 16:00

🔥 Napkins.dev — сервис, ускоряющий разработку сайтов

💡 Просто переместите сюда ваш макет сайта и сервис сгенерирует готовый фронтенд вашего сайта, используя React + Tailwind

❗️Проект полностью бесплатен и имеет открытый исходный код

🔐 Лицензия: MIT

🔗 Ссылка: *клик*
▪️Github

@react_tg

6,715

React JS

29 Sep, 13:00

👩‍💻 Онлайн курс по изучению React!

💡 Отличный курс для новичков в React, в ходе которого предстоит пройти более 140 заданий и создать несколько веб-приложений

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

@react_tg

6,221

React JS

27 Sep, 14:20

🌟 Красивое окно входа с различными анимациями

🖥 Сделано с использованием CSS

🔗 Ссылка: codepen

@react_tg

6,489

React JS

React JS (Russian)

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS

React JS