🌐 Эта статья объясняет, как настроить React-библиотеку для тестирования приложений на Next.js!

🌟 В статье пошагово описывается процесс установки Jest, конфигурации и написания первых тестов. Рассматриваются преимущества тестирования, включая уверенность при рефакторинге кода и упрощение поиска ошибок. В качестве примера приведен тест компонента игры 2048, который проверяет правильность рендеринга игрового поля.

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

@react_tg

Приглашаем на Frontend Mix — бесплатный митап ЮMoney для всех, кто интересуется фронтенд-разработкой 🔥

🕓 24 апреля, в четверг, в 19:00 (мск) приходите на митап в Санкт-Петербурге или подключайтесь онлайн.

Спикеры из ЮMoney и Сбера расскажут, как работают над задачами и улучшают процессы в команде.

Темы докладов:

🟣 Рефакторинг за 10 секунд. Как с помощью консольной утилиты производить автоматизированный рефакторинг крупных приложений за считанные секунды.
🟣 Подходы и практики тестирования во фронтенде. Зачем нужно тестирование во фронтенде, какие стандарты и подходы существуют и как мы применяем их в своей работе.
🟣 Уязвимости фронтенда в финтехе. Топ-3 атаки, или как построить защиту по всем фронтам — от планирования до релиза.
🟣 Анимация до кончиков пальцев. Поговорим про анимацию в целом и на вебе. Рассмотрим все способы сделать анимацию. Узнаем про композитные слои и как их посмотреть в Dev Tools — на примере одинаковых анимаций, но с использованием разных подходов.

Чтобы попасть на митап, нужна регистрация. Все подробности — на сайте Frontend Mix ❤️

👩‍💻 В этой статье автор объясняет ключевые хуки React 19: useFormState() для управления состоянием форм, useFormStatus() для отслеживания статуса отправки, useActionState() для обработки асинхронных действий, useOptimistic() для оптимистичных обновлений UI и use() для работы с промисами в компонентах!

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

@react_tg

Как стать профи в JavaScript? Вебинар для разработчиков, которые хотят расти

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

На открытом вебинаре 21 апреля в 20:00 мск мы разберемся, как стать профессионалом, а не просто джуном. Обсудим:

— Почему одного знания JavaScript недостаточно для роста.
— Как фреймворки (React, Vue, Angular, Svelte) влияют на вашу карьеру и как выбрать тот, который подходит именно вам.
— Почему Node.js полезен фронтенд-разработчикам и как он ускоряет ваш путь в мире технологий.
— Как научиться быстро осваивать новые фреймворки и не бояться перемен.

Этот вебинар — не о коде, а о том, как осознанно развивать свою карьеру. Присоединяйтесь и получите скидку на большое обучение «JavaScript Developer. Professional»: https://otus.pw/a9L1/?erid=2W5zFGnNqbN

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

👩‍💻 react-responsive — это React-библиотека, позволяющая использовать CSS media queries непосредственно в компонентах React, обеспечивая адаптивный дизайн!

🔐 Лицензия: MIT

🖥 Github

@react_tg

🚀 SaaS Starter Kit — готовый шаблон для корпоративных SaaS-приложений на Next.js. Этот open-source проект включает всё необходимое для enterprise-решений: аутентификацию, платежи через Stripe, аудит-логи и даже синхронизацию с корпоративными каталогами.

Основанный на Next.js и TypeScript, шаблон уже настроен для работы с PostgreSQL через Prisma и покрыт end-to-end тестами на Playwright. Особенно удобна встроенная поддержка Docker Compose для быстрого развёртывания.

🤖 GitHub

@react_tg

🌐 Gradienty — это онлайн-инструмент, предназначенный для создания и настройки градиентов, текстовых градиентов, эффектов glassmorphism и других визуальных элементов с поддержкой Tailwind CSS!

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

@react_tg

🌐 Developer Icons — это бесплатный и открытый набор оптимизированных и настраиваемых иконок для ваших проектов!

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

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

@react_tg

🖥 Совет по HTML 💡

Знаете ли вы, что можно разместить кнопку отправки формы вне самой формы?

@react_tg

👩‍💻 Это — подробное руководство по созданию настраиваемого хука useSearch в React!

💡 Автор объясняет, как разработать высокопроизводительную систему поиска, которую можно интегрировать в любой React-проект, независимо от сложности данных. В статье представлены пошаговые инструкции по созданию хука, который обрабатывает ввод пользователя, фильтрует данные и возвращает результаты поиска в реальном времени. Кроме того, рассматриваются оптимизационные техники для повышения эффективности поиска и улучшения пользовательского опыта.

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

@react_tg

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

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

@react_tg

🌐 Headless UI — это набор полностью доступных UI-компонентов для React и Vue, разработанных для интеграции с Tailwind CSS!

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

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

@react_tg

Хотите научиться управлять реактивностью в Vue 3? Это ключевая концепция для создания динамичных и интерактивных интерфейсов!

📌На нашем вебинаре вы разберете, как работает реактивность во Vue 3 и почему это важно для ваших приложений. Мы познакомим вас с Composition API — новым подходом к организации кода, который повысит гибкость и поддерживаемость ваших проектов.

Присоединяйтесь к вебинару и узнайте, как улучшить свои навыки и оптимизировать работу с Vue 3. Мы покажем практические примеры, которые вы сможете сразу применить в своих проектах! 

Кому будет полезен вебинар?
- Разработчикам, которые хотят плавно перейти с Vue 2 на Vue 3.
- Новичкам, которые хотят понять основы реактивности и писать структурированный код.
- Опытным разработчикам, стремящимся углубить знания и освоить Composition API для крупных проектов.

👉Регистрируйтесь и получите скидку на обучение «JavaScript Developer. Professional»: https://otus.pw/mBxF/?erid=2W5zFHUH7JY

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

✔️ Визуализация алгоритмов сортировки

Визуализатор на React, чтобы разобраться в работе ключевых алгоритмов сортировки.

Возможности:
— сортирует массив трёхзначных чисел;
— регулирует скорость;
— запускает, останавливает, сбрасывает процесс;
— создаёт случайный массив.

🔗 GitHub

@react_tg

@react_tg

👩‍💻 Puck — это визуальный редактор для React, разработанный компанией Measured Corporation Ltd!

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

🔐 Лицензия: MIT

🖥 Github

@react_tg

👩‍💻 SigNoz — это платформа с открытым исходным кодом для мониторинга приложений, разработанная на основе OpenTelemetry!

🌟 Она объединяет логи, трассировки и метрики в одном приложении, предоставляя разработчикам и операционным командам комплексный инструмент для мониторинга и анализа производительности сервисов в реальном времени. SigNoz позиционируется как альтернатива таким коммерческим решениям, как DataDog и NewRelic.

🔐 Лицензия: MIT

🖥 Github

@react_tg

👩‍💻 MUI — это обширная библиотека React-компонентов, реализующая систему Material Design от Google!

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

@react_tg

👩‍💻 Invoify — это веб-приложение для создания и управления профессиональными счетами, разработанное с использованием Next.js 13, TypeScript, React и библиотеки Shadcn UI!

🔐 Лицензия: MIT

🖥 Github

@react_tg

🌟 Шпаргалка по типам в HTML!

@react_tg

⭐️ Настоящая находка для веб-дизайнеров и веб-разработчиков! Появилась обширная библиотека готовых интерфейсных компонентов для сайтов.

Отдают сразу с кодом.

В библиотеке представлены интерактивные графики, календари, меню и даже целые страницы — всего свыше 50 различных элементов и блоков. Они автоматически адаптированы под любые устройства.

Создай сайт своей мечты прямо сейчас!

https://ui.shadcn.com/docs

@react_tg

Как создать чат, который работает в реальном времени? На открытом вебинаре 25 марта в 20:00 мск разберем WebSockets — технологию, которая делает общение мгновенным и позволяет строить интерактивные веб-приложения.

За 1,5 часа напишем с нуля свой минималистичный, но функциональный чат. Разберем код, подключим сервер на Node.js, научимся отправлять и получать сообщения через WebSockets.

Этот урок поможет фронтенд-разработчикам освоить real-time технологии, прокачать навыки работы с WebSockets и интегрировать их в свои проекты. Урок особенно полезен тем, кто хочет перейти на новый уровень в JavaScript.

Регистрируйтесь и получите скидку на большое обучение «JavaScript Developer. Professional»: https://otus.pw/u8c1/?erid=2W5zFJsrmwn

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

👩‍💻 Изучение React – Справочник для начинающих!

🌟 Цель этого руководства — предоставить понятные пошаговые инструкции, которые помогут вам изучить ключевые концепции React.

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

@react_tg

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

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

А именно:

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

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

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

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

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

🌟 Было?

@react_tg

👩‍💻 Огромный плейлист по изучению React для начинающих!

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

@react_tg

🔥 Univer — это библиотека, предназначенная для создания обработчиков команд и автоматизации процессов в приложениях!

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

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

🖥 Github

@react_tg

⚡️ Топ для фронтендеров: наткнулся на огромное хранилище, содержащее 6000 готовых UI-компонентов на HTML/CSS.

⚫ Все компоненты идут с исходным кодом — можно смело использовать, адаптировать для своего проекта или взять за образец.

https://uiverse.io/

@react_tg

🔥 Univer — это библиотека, предназначенная для создания обработчиков команд и автоматизации процессов в приложениях!

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

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

🖥 Github

@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

🔥 RealWorld — это проект с открытым исходным кодом, предназначенный для демонстрации создания Fullstack приложения с использованием различных технологий!

🌟 Его цель — предоставить полный пример для разработчиков, изучающих разные фреймворки и языки программирования. В рамках проекта создано одно и то же приложение (аналог Medium.com), реализованное на десятках разных стэков, включая фронтенд, бэкенд и их комбинации.

🔐 Лицензия: MIT

🖥 Github

@react_tg

👩‍💻 UILayouts — открытая библиотека компонентов для React/Next.js, разработанная с использованием TailwindCSS, Framer Motion и GSAP!

🌟 Библиотека предоставляет более 100 интерактивных и современных компонентов, которые можно легко интегрировать в веб-приложения для создания креативного дизайна.

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

🔐 Лицензия: 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

👩‍💻 Эта статья — пошаговое руководство по созданию погодного приложения с использованием React, TypeScript и OpenWeather API!

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

💡 Приложение позволяет пользователю вводить название города и получать текущие данные о погоде, такие как температура, влажность и скорость ветра. В статье приведены примеры кода для работы с API, создания интерфейсов данных и управления состояниями в React.

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

@react_tg

🌐 MySpeed — программное обеспечение для анализа скорости интернета!

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

💡 MySpeed поддерживает интеграцию с популярными инструментами мониторинга, такими как Prometheus и Grafana. Пользователи могут настраивать частоту тестов с помощью Cron-выражений, выбирать сервера (Ookla, LibreSpeed, Cloudflare) и получать уведомления о проблемах через email, Signal, WhatsApp или Telegram. Это полезный инструмент для анализа качества интернета.

🔐 Лицензия: MIT

🖥 Github

@react_tg

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

🌟 Автор демонстрирует, как с помощью React, Tailwind CSS и Framer Motion разработать компонент, способный обрабатывать нажатия клавиш и вызывать соответствующие действия в приложении.

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

@react_tg

👩‍💻 react-bits — это открытая библиотека сниппетов для React.js, разработанная для упрощения создания анимированных и интерактивных компонентов пользовательского интерфейса!

🌟 Она предлагает разнообразные текстовые анимации, такие как Split Text, Blur Text, Wave Text и Shiny Text, а также UI-компоненты, включая Stack, Dock и Masonry. Библиотека минимизирует зависимости, обеспечивая легкую интеграцию в проекты React.

🖥 Github

@react_tg

🖥 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-разработчик Mercury Development отвечает за нативные модули 🔥

Всю эту неделю React Native-разработчик команды Mercury Development оставался за главного в канале «Код Меркури». Зачем? Чтобы за четыре дня рассказать о нативных модулях так, чтобы стало понятно, где они действительно нужны и как с ними работать.

А еще:
📌 Как устроены нативные модули и как они влияют на производительность?
📌 Чем отличается старая и новая архитектура RN?
📌 Когда нативный модуль — необходимость, а когда лишняя сложность?

Ну и немного про карьеру: как он пришел в IT и почему разбираться в нативных модулях полезно даже тем, кто с ними не работал?

👉 https://t.me/mercdev/5789

Присоединяйтесь ❤️

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

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

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

#курс #reactnative

Довериться Вселенной и ждать, когда она сама тебя найдёт

💚 Подписаться на Avito Career и получать вакансии прямо в мессенджере.

В канале публикуют предложения для разных грейдов и направлений. От разработчиков до тимлидов.

Получайте актуальные вакансии и стажировки в Авито 👉 Подписывайтесь!

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

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

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

@react_tg

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

⏰ Когда: 20 февраля в  19:00 по мск.

Погрузитесь в решение реальной задачи и напишите небольшую игру на HTML, JS и CSS, которая работает прямо в браузере 🎮

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

Какие JS фреймворки учить: Vue, React, а может, Angular?

Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.

🎁 Всем, кто зарегистрировался - гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  карта компетенций начинающего Frontend-разработчика и гайд «Как опубликовать страницу в интернете при помощи GitHub Pages»

👩‍💻 Эта статья описывает, как создать резюме с возможностью экспорта в 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

Евгений Разинков – преподаватель ML в Казанском университете с многолетним стажем, руководитель собственной команды ML-инженеров и автор популярного канала по машинному обучению на 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

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

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

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

@react_tg

Верстаешь?

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

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

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

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

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

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

Евгений Разинков – преподаватель ML в Казанском университете с многолетним стажем, руководитель собственной команды ML-инженеров и автор популярного канала по машинному обучению на 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

🖥 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

🔥Podlodka React Crew – онлайн-конференция для React-разработчиков.

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

Что в программе:

💬 Говорим на одном языке с пользователями: i18n в React-приложениях – Виталий Баев, контрибьютор Next.js и Vite 🌍 Как выбрать инструменты и сделать интерфейс удобным для всех?

📡 OpenTelemetry для фронтенд-разработчика – Валерий Катцин, frontend-разработчик в Точке 📊 Как собирать данные о работе приложения и использовать их для улучшения продукта?

🔥 "Долгожданный" React 19 – Алекс Рассудихин, разработчик с опытом во Vue, React, Next и Astro 🚀 Какие фичи вышли в продакшен, а какие – нет?

🤖 AI Integrated Developer Experience – Марк Байдебура, Senior Full-stack Engineer в Influencer 🧠 Где AI реально помогает, а где пока его лучше не использовать?

📅 Конференция пройдет 10-14 февраля.

Ты не просто узнаешь по новые фичи и подходы, но и определишься, какие из них включить в свой roadmap и как расти дальше.

🔗 Регистрируйтесь: podlodka.io/reactcrew

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

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

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

@react_tg

Фронтендеры, ничего на планируем на 15 февраля

Встречаемся на самой большой конференции Яндекса для frontend-сообщества «Я 💛Фронтенд».

Что вас ждет?

⏩ Доклады и дискуссии от топовых экспертов индустрии
⏩ Знакомство с CodeRun вместе с Никитой Дубко и Сашей Шинкевич из Контеста Яндекса
⏩ Батл по вёрстке с интеллектуальным помощником разработчика Yandex Code Assistant с Семёном Левенсоном из Яндекс Маркета
⏩Нетворкинг, новости веба и многое другое

Регистрируемся на конфу здесь — там же будут появляться онлайн-активности.

🔥 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

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

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

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

@react_tg

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

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

🔐 Лицензия: MIT

🖥 Github

@react_tg

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

🌟 Она позволяет динамически изменять такие теги, как