17567
React программирование @haarrp - admin @itchannels_telegram - 🔥лучшие ит-каналы @javascriptv - продвинутый javascript @programming_books_it - бесплатные it книги @ai_machinelearning_big_data - ml № 5037566384
⚡️ Топ для фронтендеров: наткнулся на огромное хранилище, содержащее 6000 готовых UI-компонентов на HTML/CSS.
⚫ Все компоненты идут с исходным кодом — можно смело использовать, адаптировать для своего проекта или взять за образец.
https://uiverse.io/
@react_tg
viber3d — это современный стартовый комплект для разработки 3D браузерных игр, созданный с использованием React Three Fiber (r3f) и Three.js.
Проект предоставляет готовую основу для быстрого начала разработки интерактивных 3D-приложений в веб-среде.
Ключевые особенности viber3d:
Современные технологии: Использует React 19 с поддержкой конкурентного рендеринга, что обеспечивает плавную и эффективную работу приложений.
React Three Fiber и Drei: Обеспечивает декларативный подход к работе с Three.js через React, упрощая создание и управление 3D-сценами. Библиотека Drei предоставляет полезные вспомогательные компоненты для r3f.
Vite: Обеспечивает молниеносно быстрый сервер разработки и инструмент сборки, ускоряя процесс разработки и сборки проекта.
TailwindCSS: Utility-first CSS фреймворк, позволяющий быстро и эффективно стилизовать компоненты с учетом адаптивного дизайна.
Zustand: Легковесное управление состоянием для React-приложений, обеспечивающее простой и интуитивно понятный API.
React Three Rapier: Интеграция физического движка для симуляции физики в 3D-сценах, добавляя реалистичность взаимодействия объектов.
TypeScript: Обеспечивает статическую типизацию, повышая надежность и предсказуемость кода.
Интеграция с Cursor AI: Предоставляет предопределенные правила для улучшения взаимодействия с AI-инструментами, такими как Cursor AI, обеспечивая единообразие и качество генерируемого кода.
Проект интересен разработчикам, желающим быстро приступить к созданию 3D-браузерных игр или интерактивных приложений, предоставляя современный и гибкий стек технологий, готовый к расширению и адаптации под специфические требования.
npx viber3d@latest init
🖥 Github
👩💻 UILayouts — открытая библиотека компонентов для React/Next.js, разработанная с использованием TailwindCSS, Framer Motion и GSAP!
🌟 Библиотека предоставляет более 100 интерактивных и современных компонентов, которые можно легко интегрировать в веб-приложения для создания креативного дизайна.
🌟 Компоненты включают эффекты анимации, слайдеры, формы, кнопки, карусели, элементы управления паролями и другие. Они подходят для быстрой сборки сайтов и пользовательских интерфейсов.
🔐 Лицензия: MIT
🖥 Github
@react_tg
👩💻 Эта статья — пошаговое руководство по созданию погодного приложения с использованием React, TypeScript и OpenWeather API!
🌟 Автор объясняет, как настроить проект с помощью Vite, подключить API OpenWeather для получения данных о погоде и создать компоненты пользовательского интерфейса, такие как поисковая строка и карточка отображения погоды. Также рассмотрены темы обработки ошибок, состояния загрузки и использование Tailwind CSS для стилизации.
💡 Приложение позволяет пользователю вводить название города и получать текущие данные о погоде, такие как температура, влажность и скорость ветра. В статье приведены примеры кода для работы с API, создания интерфейсов данных и управления состояниями в React.
🔗 Ссылка: *клик*
@react_tg
👩💻 Эта статья описывает процесс создания компонента в React, который реагирует на определённые комбинации клавиш!
🌟 Автор демонстрирует, как с помощью React, Tailwind CSS и Framer Motion разработать компонент, способный обрабатывать нажатия клавиш и вызывать соответствующие действия в приложении.
🔗 Ссылка: *клик*
@react_tg
🖥 Squish — инструмент для сжатия изображений, работающий прямо в браузере и использующий технологии WebAssembly для высокой производительности!
🌟 Squish поддерживает популярные форматы, такие как AVIF, JPEG, JPEG XL, PNG, и WebP, обеспечивая сжатие без загрузки изображений на сервер. Пользовательский интерфейс построен на React и TypeScript, с использованием Vite для быстрой разработки и Tailwind CSS для стилизации.
🔐 Лицензия: MIT
🖥 Github
@react_tg
React Native-разработчик Mercury Development отвечает за нативные модули 🔥
Всю эту неделю React Native-разработчик команды Mercury Development оставался за главного в канале «Код Меркури». Зачем? Чтобы за четыре дня рассказать о нативных модулях так, чтобы стало понятно, где они действительно нужны и как с ними работать.
А еще:
📌 Как устроены нативные модули и как они влияют на производительность?
📌 Чем отличается старая и новая архитектура RN?
📌 Когда нативный модуль — необходимость, а когда лишняя сложность?
Ну и немного про карьеру: как он пришел в IT и почему разбираться в нативных модулях полезно даже тем, кто с ними не работал?
👉 /channel/mercdev/5789
Присоединяйтесь ❤️
Довериться Вселенной и ждать, когда она сама тебя найдёт
💚 Подписаться на Avito Career и получать вакансии прямо в мессенджере.
В канале публикуют предложения для разных грейдов и направлений. От разработчиков до тимлидов.
Получайте актуальные вакансии и стажировки в Авито 👉 Подписывайтесь!
Бесплатный практический вебинар: Веб-разработчик: с нуля до мини-игры за 2 часа.
⏰ Когда: 20 февраля в 19:00 по мск.
Погрузитесь в решение реальной задачи и напишите небольшую игру на HTML, JS и CSS, которая работает прямо в браузере 🎮
Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе.
Какие JS фреймворки учить: Vue, React, а может, Angular?
Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.
🎁 Всем, кто зарегистрировался - гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - карта компетенций начинающего Frontend-разработчика и гайд «Как опубликовать страницу в интернете при помощи GitHub Pages»
🔥 LogoCreator — приложение с открытым исходным кодом, которое использует Flux 1.1 для генерации разнообразных логотипов по вашему запросу!
🖥 Github
@react_tg
Евгений Разинков – преподаватель ML в Казанском университете с многолетним стажем, руководитель собственной команды ML-инженеров и автор популярного razinkov">канала по машинному обучению на YouTube
приглашает вас в свою AI-школу.
Особенности:
• теория и практика
• акцент на самостоятельную реализацию архитектур с нуля
• полное понимание того, что происходит внутри нейронной сети
• архитектуры от сверточных нейронных сетей до трансформеров и языковых моделей.
Регулярные живые QA-сессии, дружное комьюнити, а также компетишены, где можно будет посоревноваться (в командах и поодиночке) в решении ML задач.
От вас: владение Python и знание основ классического ML (регрессия, классификация, градиентный спуск).
Если классический ML не знаете - есть базовые курсы по ML.
7 месяцев, 4 курса:
• AI: от основ до языковых моделей
• Math for AI - необходимый математический бэкграунд
• MLOps - всё про жизненный цикл модели, логирование, версионирование, docker
• Decision making in AI - управление AI-проектом и стратегия
В рамках Capstone Project вы с нуля реализуете и обучите небольшую языковую модель для генерации простых историй, а также выведете ее в продакшн.
Полная стоимость за 7 месяцев (все 4 курса):
• 112 000 рублей (единоразово)
или
• 17 000 рублей в месяц
Если материалы вам не понравятся, мы вернем деньги за текущий оплаченный месяц (и последующие при единоразовой оплате)!
Старт уже 17 февраля, скорее регистрируйтесь здесь!
Еще больше подробностей о курсе ищите в видео и на странице с отзывами участников.
Кстати, теоретические видео курса AI: от основ до трансформеров находятся в открытом доступе на канале Евгения!
ООО «Лаборатория Евгения Разинкова», ИНН: 5043088023, erid: 2VtzqxKcuC1
Верстаешь?
Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:
1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке от эксперта;
6. Научишься использовать ChatGPT и Giga во Frontend-разработке;
7. Узнаешь 9 способов найти первый заказ даже без опыта.
А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.
👉 Проскочить на интенсив бесплатно
Начинаем уже завтра.
🔥 С нас обучение, практика и помощь с выходом на фриланс или собеседованием.
🖥 Flexbox Labs — это веб-приложение с открытым исходным кодом, предназначенное для создания гибких макетов с использованием CSS Flexbox!
🌟 Оно предоставляет интуитивно понятный интерфейс, позволяющий в реальном времени настраивать параметры Flexbox и наблюдать за изменениями, что облегчает процесс обучения и экспериментов с макетами.
🔐 Лицензия: MIT
🖥 Github
@react_tg
👩💻 Avvvatars — это библиотека React с открытым исходным кодом, предназначенная для генерации уникальных аватаров для пользователей!
💡 Она предлагает 40 тщательно подобранных цветов и 60 уникальных форм, что позволяет создавать разнообразные и запоминающиеся аватары. Библиотека легковесна (менее 100 КБ) и проста в использовании, что делает её подходящей для интеграции в различные проекты.
🔗 Ссылка: *клик*
@react_tg
👩💻 HeroUI (ранее известная как NextUI) — это современная, быстрая и красивая библиотека компонентов пользовательского интерфейса для React, предназначенная для создания доступных и настраиваемых веб-приложений!
🌟 Она построена на основе Tailwind CSS, что обеспечивает отсутствие стилей во время выполнения и минимизацию лишних классов в вашем проекте. HeroUI предоставляет плагин для настройки тем, позволяя изменять семантические токены или создавать совершенно новые темы. Компоненты HeroUI полностью типизированы, что упрощает процесс обучения и обеспечивает лучший опыт для разработчиков. Кроме того, библиотека автоматически распознает темный режим и переключает тему при изменении соответствующего свойства в HTML.
🔗 Ссылка: *клик*
@react_tg
🔥 Univer — это библиотека, предназначенная для создания обработчиков команд и автоматизации процессов в приложениях!
🌟 Она используется для обработки команд, позволяя удобно управлять параметрами и аргументами команд. Библиотека может быть полезна для разработчиков, создающих интерфейсы командной строки (CLI) или нуждающихся в инструменте для автоматизации задач.
🔐 Лицензия: Apache-2.0
🖥 Github
@react_tg
🔥 RealWorld — это проект с открытым исходным кодом, предназначенный для демонстрации создания Fullstack приложения с использованием различных технологий!
🌟 Его цель — предоставить полный пример для разработчиков, изучающих разные фреймворки и языки программирования. В рамках проекта создано одно и то же приложение (аналог Medium.com), реализованное на десятках разных стэков, включая фронтенд, бэкенд и их комбинации.
🔐 Лицензия: MIT
🖥 Github
@react_tg
👩💻 Эта статья демонстрирует, как быстро настроить full-stack приложение на основе Django и React с помощью Daytona!
🌟 Daytona — это инструмент для управления средами разработки, который автоматизирует создание изолированных контейнеров для работы с проектами. Статья показывает, как настроить окружение для Django (backend) и React с Vite (frontend), используя Docker и devcontainers в VS Code.
💡 Автор пошагово описывает настройку devcontainer.json для автоматической установки зависимостей, перенаправления портов и выполнения миграций базы данных. Daytona упрощает совместную работу и переключение между проектами, обеспечивая масштабируемость и интеграцию с популярными IDE, такими как VS Code и JetBrains.
🔗 Ссылка: *клик*
@react_tg
🌐 MySpeed — программное обеспечение для анализа скорости интернета!
🌟 Оно автоматически проводит тесты интернет-соединения, собирая данные о скорости загрузки, выгрузки и задержке, и хранит результаты до 30 дней.
💡 MySpeed поддерживает интеграцию с популярными инструментами мониторинга, такими как Prometheus и Grafana. Пользователи могут настраивать частоту тестов с помощью Cron-выражений, выбирать сервера (Ookla, LibreSpeed, Cloudflare) и получать уведомления о проблемах через email, Signal, WhatsApp или Telegram. Это полезный инструмент для анализа качества интернета.
🔐 Лицензия: MIT
🖥 Github
@react_tg
👩💻 react-bits — это открытая библиотека сниппетов для React.js, разработанная для упрощения создания анимированных и интерактивных компонентов пользовательского интерфейса!
🌟 Она предлагает разнообразные текстовые анимации, такие как Split Text, Blur Text, Wave Text и Shiny Text, а также UI-компоненты, включая Stack, Dock и Masonry. Библиотека минимизирует зависимости, обеспечивая легкую интеграцию в проекты React.
🖥 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
👩💻 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
Евгений Разинков – преподаватель ML в Казанском университете с многолетним стажем, руководитель собственной команды ML-инженеров и автор популярного razinkov">канала по машинному обучению на YouTube
приглашает вас в свою AI-школу.
Особенности:
• теория и практика
• акцент на самостоятельную реализацию архитектур с нуля
• полное понимание того, что происходит внутри нейронной сети
• архитектуры от сверточных нейронных сетей до трансформеров и языковых моделей.
Регулярные живые QA-сессии, дружное комьюнити, а также компетишены, где можно будет посоревноваться (в командах и поодиночке) в решении ML задач.
От вас: владение Python и знание основ классического ML (регрессия, классификация, градиентный спуск).
Если классический ML не знаете - есть базовые курсы по ML.
7 месяцев, 4 курса:
• AI: от основ до языковых моделей
• Math for AI - необходимый математический бэкграунд
• MLOps - всё про жизненный цикл модели, логирование, версионирование, docker
• Decision making in AI - управление AI-проектом и стратегия
В рамках Capstone Project вы с нуля реализуете и обучите небольшую языковую модель для генерации простых историй, а также выведете ее в продакшн.
Полная стоимость за 7 месяцев (все 4 курса):
• 112 000 рублей (единоразово)
или
• 17 000 рублей в месяц
Если материалы вам не понравятся, мы вернем деньги за текущий оплаченный месяц (и последующие при единоразовой оплате)!
Старт уже 17 февраля, скорее регистрируйтесь здесь!
Еще больше подробностей о курсе ищите в видео и на странице с отзывами участников.
Кстати, теоретические видео курса AI: от основ до трансформеров находятся в открытом доступе на канале Евгения!
ООО «Лаборатория Евгения Разинкова», ИНН: 5043088023, erid: 2VtzqxKcuC1
🌐 Курс по разработке мобильных приложений с React Native, Supabase, Next.js!
🕖 Продолжительность: 11:46:01
🔗 Ссылка: *клик*
#курс #reactnative
@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
Разработка игр: /channel/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: /channel/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: /channel/addlist/mzMMG3RPZhY2M2Iy
😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno
🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: /channel/addlist/BkskQciUW_FhNjEy
🔍 Этот мисье явно знает толк в извращениях...
@react_tg