Продолжение о React Router.
Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута
Подробнее
#react #router
Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута
Подробнее
#react #router
Medium
Подробно о React Router. Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута
Часть 2. Параметры запроса, 404 страница и передача пропсов компоненту роута.
June 19, 2020
React Router
Часть 1 — основы роутинга, типы и динамические страницы
Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута
Часть 3— редиректы, передача props компоненту роута и вложенные роуты +бонус
#react #router
Часть 1 — основы роутинга, типы и динамические страницы
Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута
Часть 3— редиректы, передача props компоненту роута и вложенные роуты +бонус
#react #router
Medium
Подробно о React Router. Часть 1 — основы роутинга, типы и динамические страницы
В этой серии статей вы подробно и доходчиво узнаете о том, как работает Router в React, как его можно использовать и другие интересные…
July 24, 2020
useEffect(fn, []) это не новый componentDidMount()
Перевод свежей статьи о самом сложно хуке Реакт - useEffect.
PS Напомню (хоть уже и скидывал ранее) мою любимую статью (почти книгу) про этот хук - тыц👈
#react
Перевод свежей статьи о самом сложно хуке Реакт - useEffect.
PS Напомню (хоть уже и скидывал ранее) мою любимую статью (почти книгу) про этот хук - тыц👈
#react
Medium
useEffect(fn, []) это не новый componentDidMount()
Они почти одинаковые. Но существует достаточно различий, которые возможно доставят вам неудобства, особенно если вы делаете рефакторинг с…
August 14, 2020
Одна из тем, которые я хочу срочно подтянуть - это тестирование. Проект, который сейчас делаю, довольно сложный, очень много кода, предшествующего построению интерфейсов - его желательно весь тестировать.
Так же я использовал тестирование, когда переносил legacy код, а потом решил его оптимизировать. Что я сделал - зная, что код рабочий я написал к нему тесты и проверил, чтобы все проходили. Только после этого начал оптимизировать код (фактически с 0 переписал его, изменив архитектуру), проверяя тесты. Рекомендую такой подход в данных ситуациях - очень облегчает жизнь в сложных кусках кода.
Так же хотелось бы чаще тестировать React компоненты.
Кстати, вот свежий курс - буду на выходные заниматься.
зы Рекомендую почитать про Storybook, если кто юзает React.
#test #react
Так же я использовал тестирование, когда переносил legacy код, а потом решил его оптимизировать. Что я сделал - зная, что код рабочий я написал к нему тесты и проверил, чтобы все проходили. Только после этого начал оптимизировать код (фактически с 0 переписал его, изменив архитектуру), проверяя тесты. Рекомендую такой подход в данных ситуациях - очень облегчает жизнь в сложных кусках кода.
Так же хотелось бы чаще тестировать React компоненты.
Кстати, вот свежий курс - буду на выходные заниматься.
зы Рекомендую почитать про Storybook, если кто юзает React.
#test #react
August 28, 2020
Если вы изучаете Реакт и планируете написать хорошее портфолио - вот отличная идея!
👉React Calculator на Hooks и Context API
Хороших выходных.
#react
👉React Calculator на Hooks и Context API
Хороших выходных.
#react
DEV Community
Build a React Calculator with Hooks and Context API
Originally Published March 15, 2019 for FreeCodeCamp.org If you are like me, when you first heard of...
August 28, 2020
September 1, 2020
Перевод официального блога React о предварительной версии React 17
⛔️Спойлер - новой функциональности не будет, но мне понравилось новое направление развития React
#react
⛔️Спойлер - новой функциональности не будет, но мне понравилось новое направление развития React
#react
Хекслет
Предварительная версия React 17: обошлись без новой функциональности
Перевод статьи об особенностях предварительной версии React 17. В ней рассказывается, какова роль этого обновления, каких изменений от него ожидать и как протестировать предварительную версию React 17.
September 2, 2020
Всем привет!
Знаю, что у нас на канале большинство ещё учиться.
Если кто задумался о Реакте, инфа для вас.
Введение в React, которого нам не хватало
#react
Знаю, что у нас на канале большинство ещё учиться.
Если кто задумался о Реакте, инфа для вас.
Введение в React, которого нам не хватало
#react
Хабр
Введение в React, которого нам не хватало
React — это самая популярная в мире JavaScript-библиотека. Но эта библиотека не потому хороша, что популярна, а потому популярна, что хороша. Большинство существ...
September 22, 2020
Всем привет!🖖
Я уже сталкивался с библиотекой Vix в React и вот наткнулся на обзор на русском
GitHub - https://github.com/airbnb/visx
Документация и примеры - https://airbnb.io/visx
#react
Я уже сталкивался с библиотекой Vix в React и вот наткнулся на обзор на русском
GitHub - https://github.com/airbnb/visx
Документация и примеры - https://airbnb.io/visx
#react
Хабр
Visx — коллекция графических примитивов для React-приложений, созданная в Airbnb
После 3 лет разработки и 2,5 лет использования в продакшн-проектах Airbnb, после переписывания кода на TypeScript, мы рады представить вам официальный релиз коллекции графических примитивов visx 1.0 ...
October 1, 2020
Всем привет!
Недавно в чате было обсуждение - как организовывать статус пользователей. И если по статусам, получаемым от сервера(например, online, offline) все ясно, то как организовать статусы, которые только на клиенте можно отследить? Например, afk, idle и тп
Тогда я ответил, что скоро буду писать код, отвечающий за подобные статусы и поделюсь решением.
Первоначально, я планировал так - организовываю слежку за активностью пользователя (движения мыши, клики, нажатия клавиш), вешаю глобальным обработчиком, при смене статуса отправляю уведомление на сервер.
В жизни решил эту проблему так же, но гораздо проще))) Коллега подсказал просто супер билиотеку - React Idle Timer. Простая в использовании, но очень мощная. Да, она для React, но уверен, что есть аналоги и для других фреймворков + можно посмотреть исходники))))
Хорошая, документация, примеры, TypeScript - короче, рекомендую!
зы страничка на github
ззы Прикреплю скрин - на Хуках весь код вышел в несколько строк! В документации в примерах все есть
#react
Недавно в чате было обсуждение - как организовывать статус пользователей. И если по статусам, получаемым от сервера(например, online, offline) все ясно, то как организовать статусы, которые только на клиенте можно отследить? Например, afk, idle и тп
Тогда я ответил, что скоро буду писать код, отвечающий за подобные статусы и поделюсь решением.
Первоначально, я планировал так - организовываю слежку за активностью пользователя (движения мыши, клики, нажатия клавиш), вешаю глобальным обработчиком, при смене статуса отправляю уведомление на сервер.
В жизни решил эту проблему так же, но гораздо проще))) Коллега подсказал просто супер билиотеку - React Idle Timer. Простая в использовании, но очень мощная. Да, она для React, но уверен, что есть аналоги и для других фреймворков + можно посмотреть исходники))))
Хорошая, документация, примеры, TypeScript - короче, рекомендую!
зы страничка на github
ззы Прикреплю скрин - на Хуках весь код вышел в несколько строк! В документации в примерах все есть
#react
October 6, 2020