Додати Explorer React.js у Chrome із інструментами реагування розробників

Кожен веб-розробник повинен вже знати про дивовижне Інструменти розробника Chrome. Ця функція є вбудовано безпосередньо в Chrome і це дозволяє розробникам перевірте сторінки і редагувати або видаляти елементи прямо з веб-переглядача.

Це неймовірно потужний і найкращий спосіб поведінка сторінки дослідження такі як затримка, ресурси сторінки або виконання консольних команд.

Команда Facebook створила React.js бібліотека, яка абстрагує шар для розробників інтерфейсів повторно використовувати певні елементи інтерфейсу.

А тепер, з Інструменти для розробників ти можеш перевіряти ці ієрархії елементів і відредагуйте їх прямо на сторінці.

Це абсолютно безкоштовне розширення і це розроблені людьми на Facebook так що ви знаєте, що це хороша якість.

Ви також можете вивчення різних станів і шляхів дерев об'єктів включаючи елементи, що знаходяться над та під іншими елементами.

На бічній панелі можна переглядайте реквізити та стани які дозволяють вивчати поведінку інших елементів у цьому самому дереві. Це насправді великий плагін для нових користувачів React тому що це може допомогти їм зрозуміти більше про бібліотеку.

Природно, це також включає будь-які слухачі подій що може змінити стан певного компонента. І то сухарі внизу дозволяє легко перебирати через батьківські / дочірні елементи.

Це далеко не ідеальний інструмент React. Але це зробить вашу роботу набагато легше, коли ви створення динамічних додатків з нуля.

Його повністю відкритий з офіційним репо GitHub, що підтримується Facebook і часто оновлюється.

Можна встановити це розширення Chrome для будь-якої версії Chrome. Або ви можете користуватися Firefox перевірте додаток FF яка підтримує FireFox v38 і вище. До цих пір я не бачив жодної підтримки для користувачів Safari / Opera, але це розширення з відкритим кодом, так що це може статися найближчим часом.