React dev tools

ОБНОВЛЕНИЕ 2018: Вышло второе изданиеarrow-up-right (современный код и версии пакетов, данное издание УСТАРЕЛО)

На каналеarrow-up-right так же проводятся бесплатные вебинары, публикуются переводы и авторские материалы, присоединяйтесьarrow-up-right!

React dev tools

Если у вас не установлено дополнение для консоли хрома (ровно как и сам Google Chrome), рекомендую вам это сделать, так как иногда мы будем обращаться к этим инструментам.

React dev toolsarrow-up-right в магазине расширений.

Если вы используете возможность консоли хрома - $0, то вероятно вам понравится и возможность $r.

Как работает $r? (ниже gif-анимация)

$r в работе

Для тех, кто читает в формате книги: необходимо кликнуть на компонент в консоли хрома, на вкладке React, далее переместиться на вкладку Console и написать $r. В таком случае, в консоли компонент будет представлен в своей нативной js-реализации.

Last updated