React dev tools

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

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

React dev tools

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

React dev tools в магазине расширений.

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

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

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

Last updated