Как я структурирую свои проекты React.js Структурирование приложений React по файлам и папкам - спорная тема, потому что нет правильного или неправильного способа сделать это. Решил рассказать, как структурировал свои проекты за последнее время. https://goo.su/9rCP

Дженерики Typescript для разработчиков на React https://goo.su/b6M2

💥 Освойте стек MERN на примере разработки CRM!

Подключайтесь 2 и 3 декабря к открытому вебинару OTUS «CRM фитнес-клуба».

На занятии вы рассмотрите стек MERN на примере создания простой CRM.
Первый день посвящен теории, а второй — проектированию приложения и настройке среды разработки. На практике вы создадите CRM с помощью Mongo, Express, React, Node.

Участие бесплатное, для регистрации пройдите небольшой тест на знание JS. Регистрируйтесь сейчас — напомним в день вебинара.

👉 Регистрация на 1-й день интенсива: https://otus.pw/MIAw/
👉 Регистрация на 2-й день интенсива: https://otus.pw/5ORF/

Создавайте адаптивные веб-страницы с помощью React-Response и TypeScript В этом руководстве мы узнаем о React-Response и о том, как использовать ее с TypeScript в наших проектах. Мы также применим наши знания из этого руководства для создания простого адаптивного приложения-портфолио. https://goo.su/9nIX

Шпаргалки для опытных разработчиков React, начинающих работать с TypeScript https://goo.su/gE0

React 18 - Что нового и чем это поможет разработчикам React18 - это последняя итерация фреймворка, направленная на сокращение объема кода, который вам нужно написать. В этом выпуске он переходит к функциональной парадигме, в которой данные неизменны. Это потребует некоторых изменений для разработчиков, но должно улучшить производительность и функциональность ваших приложений. Он предназначен для инкрементальной и обратной совместимости, поэтому его легко адаптировать. https://goo.su/kJi

Вышел Agrippa 1.3 Наконец-то вышла третья второстепенная версия Agrippa, интерфейс командной строки компонента React! https://goo.su/t13

React Hooks: от нуля до героя https://goo.su/B1b

В Новый год — с новой профессией в IT!

Проверь свои знания на NIX Online Edu Testing

Купить подарки, поставить елку. Чего-то не хватает в праздничном списке… Точно! Подготовиться к карьере в IT!
Для этого приглашаем тебя поучаствовать в онлайн-тестировании по одной из 17-ти программ обучения. Выполни тест и узнай уровень своей подготовки.

Когда: с 3 по 24 декабря
Где: онлайн с любого удобного тебе гаджета

Хочешь освоить самую актуальную профессию в IT? Эксперты NIX помогут тебе.

В Корпоративном центре обучения NIX есть 17 учебных программ. В зависимости от направления ты будешь учиться офлайн в Харькове или онлайн. Ты получишь базовые знания по фронтенд и бэкенд-разработке, по бизнес-анализу и в сфере облачных технологий. После обучения ты сможешь уверенно начать карьеру в IT и попробовать себя на позиции Junior-специалиста в команде NIX!

Отличный старт для нового года, правда? ;)

Теперь дело за малым — переходи по ссылке, выбирай понравившуюся программу обучения и проходи онлайн-тестирование.

Веб-сайт React, где пользователи могут проверить статистику пандемии COVID-19 в любой стране мира. Этот проект представляет собой одностраничное приложение (SPA), созданное с помощью React и Redux. Данные, полученные из API, хранятся в хранилище Redux, а затем фильтруются с помощью компонента Filter без сохранения состояния. Каждая страница (домашняя страница и подробная информация для каждой страны) имеет уникальный маршрут в SPA. Проект развернут с использованием Heroku и доступен онлайн. https://goo.su/ji6

Управление качеством, Java 17, white-box тестирование — все это и даже больше обсудим 15 декабря Регистрируйся на онлайн-митап Газпромбанка и IT_One при поддержке JUG Ru Group. Будет интересно!

Топовые спикеры из Газпромбанка, IT_One, VMware и Qameta Software выступят с докладами по двум параллельным трекам: Java и QA. Готовьте свои каверзные вопросы — за самые интересные пришлем фирменный мерч от Газпромбанка и IT_One

Митап пройдет онлайн 15 декабря в 18:00 по Москве. Зарегистрироваться > https://vk.cc/c8LNA2

Лучшие практики сжатия изображений для Reactjs В этом кратком руководстве я расскажу вам о некоторых из лучших способов сжатия изображений для Reactjs для огромного выигрыша в производительности. https://goo.su/Sok

💣 Создайте игру «Сапёр» с помощью React Hooks!

Приглашаем 13 и 14 декабря на интенсив от OTUS!

✔️ Разберем принципы игры, алгоритм для построения поля и интерфейса игры.
✔️ Сделаем 2 реализации — с использованием useEffect и useRedux.
✔️ Разберем, как тестировать React Components с использованием React-Testing-Library.

Бесплатный интенсив — это часть хардкорного онлайн-курса «React.js Developer» от OTUS для опытных JS-разработчиков, для регистрации пройдите вступительный тест.

Занятие пройдет в прямом эфире, записи не будет! Ждем вас онлайн! Регистрируйтесь сейчас — напомним перед вебинаром!

👉 Регистрация на 1-й день интенсива: https://otus.pw/FBt8/
👉 Регистрация на 2-й день интенсива: https://otus.pw/3NLq/

Недооцененные хуки React, которые вы упускаете Если вы разработчик React, которому нравится писать функциональные компоненты вместо компонентов класса, то эта статья для вас https://goo.su/fnh

Сообщество React разработчиков

- Разбор новых фич из React 18.
- Обзор полезных библиотек.
- Советы по оптимизации приложения.
- Как эффективно разрабатывать приложения.

И многое другое, рекомендую подписаться:

https://t.me/ru_react_notes

Создание PDF-файлов в React с помощью react-pdf В этой статье вы познакомитесь с основами библиотеки react-pdf . https://goo.su/FZZ Компонентная композиция в React https://goo.su/9Zr5

Практики React для начинающих React, возможно, является одним из наиболее часто используемых фреймворков на сегодняшний день, и обычные люди выбирают этот фреймворк для подхода, основанного на пользовательском интерфейсе. Можно с уверенностью сказать, что библиотека React и вся экосистема со временем повзрослели и продолжают расти. https://shly.link/d3mH8

Новый пост в серии React о хуке useCallback . Все, что Вам нужно знать. https://shly.link/Cek4Q

Использование React useState с объектом https://shly.link/U9hJT

Легкий компонент React для добавления эффекта параллакса мыши на ваш сайт. ➔ Эффект параллакса создает иллюзию глубины, когда курсор перемещается внутри указанного контейнера. https://shly.link/MMRUs

Самые популярные библиотеки компонентов пользовательского интерфейса React в 2022 году В этой статье мы рассмотрим некоторые из лучших библиотек компонентов React UI и узнаем, как выбрать наиболее подходящую для вас. Статья написана в первую очередь для начинающих разработчиков React, но вам понадобится некоторое знание конкретных терминов в React. https://goo.su/Nfb