Продолжение о React Router.
Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута

Подробнее

#react #router

React Router

Часть 1 — основы роутинга, типы и динамические страницы

Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута

Часть 3— редиректы, передача props компоненту роута и вложенные роуты +бонус

#react #router

useEffect(fn, []) это не новый componentDidMount()

Перевод свежей статьи о самом сложно хуке Реакт - useEffect.

PS Напомню (хоть уже и скидывал ранее) мою любимую статью (почти книгу) про этот хук - тыц👈

#react

Одна из тем, которые я хочу срочно подтянуть - это тестирование. Проект, который сейчас делаю, довольно сложный, очень много кода, предшествующего построению интерфейсов - его желательно весь тестировать.
Так же я использовал тестирование, когда переносил legacy код, а потом решил его оптимизировать. Что я сделал - зная, что код рабочий я написал к нему тесты и проверил, чтобы все проходили. Только после этого начал оптимизировать код (фактически с 0 переписал его, изменив архитектуру), проверяя тесты. Рекомендую такой подход в данных ситуациях - очень облегчает жизнь в сложных кусках кода.
Так же хотелось бы чаще тестировать React компоненты.
Кстати, вот свежий курс - буду на выходные заниматься.

зы Рекомендую почитать про Storybook, если кто юзает React.

#test #react

Если вы изучаете Реакт и планируете написать хорошее портфолио - вот отличная идея!
👉React Calculator на Hooks и Context API
Хороших выходных.

#react

10 отличных инструментов для React разработчика

👉Подробнее👈

ЗЫ От себя рекомендую особое внимание уделить Storybook - тем более он не только для React, поэтому необходим любому веб-разработчику.👍

#react

Перевод официального блога React о предварительной версии React 17

⛔️Спойлер - новой функциональности не будет, но мне понравилось новое направление развития React

#react

Всем привет!

Знаю, что у нас на канале большинство ещё учиться.
Если кто задумался о Реакте, инфа для вас.
Введение в React, которого нам не хватало

#react

Всем привет!🖖

Я уже сталкивался с библиотекой Vix в React и вот наткнулся на обзор на русском
GitHub - https://github.com/airbnb/visx

Документация и примеры - https://airbnb.io/visx

#react

​​Всем привет!

Недавно в чате было обсуждение - как организовывать статус пользователей. И если по статусам, получаемым от сервера(например, online, offline) все ясно, то как организовать статусы, которые только на клиенте можно отследить? Например, afk, idle и тп

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

Первоначально, я планировал так - организовываю слежку за активностью пользователя (движения мыши, клики, нажатия клавиш), вешаю глобальным обработчиком, при смене статуса отправляю уведомление на сервер.

В жизни решил эту проблему так же, но гораздо проще))) Коллега подсказал просто супер билиотеку - React Idle Timer. Простая в использовании, но очень мощная. Да, она для React, но уверен, что есть аналоги и для других фреймворков + можно посмотреть исходники))))
Хорошая, документация, примеры, TypeScript - короче, рекомендую!
зы страничка на github

ззы Прикреплю скрин - на Хуках весь код вышел в несколько строк! В документации в примерах все есть

#react