Abr@X@bra.ru
Курс по React JS #6. Инструменты React
Курс по React JS #6. Инструменты React

Курс по React JS #6. Инструменты React

20.04.2017
589

В одном из первых постов на данную тему, мы установили инструменты React разработчика. Этими инструментами мы будем активно пользоваться. Сейчас же, просто познакомимся с ними.  

Откроем инструменты разработчика браузера и перейдем во вкладку React.


Здесь мы видим компонент App, откроем его.


Внутри находится JSX который возвращается из компонента. Каждый из элементов можно выбрать и справа появится информация о нем.

В частности тип элемента и его свойство. К примеру у div элемента имеется свойство, children с двумя другими элементами.


У элемента h1 в свойстве children находится, строка “React Todo”.


Если мы посмотрим на параграф.


То у него помимо свойство children, также находится свойство className, в котором находится class.

Как вы видите пользоваться данными инструментами достаточно просто. Но несмотря на свою простоту, они нам очень помогут.




React JS
Читайте также:
Курс по React JS #3. JSX

Курс по React JS #3. JSX

В прошлом выпуске уроков по React JS, мы создавали React элементы с помощью метода React.createElement. Таким способом м...
Читать
Курс по React JS #2. Средства разработчика

Курс по React JS #2. Средства разработчика

Продолжаем изучать React JS. В этом посте я расскажу как установить и настроить средства разработчика, чтобы процесс...
Читать
Курс по React JS #1. Пилотный выпуск. Привет React!

Курс по React JS #1. Пилотный выпуск. Привет React!

В этом посте расскажу как написать первое простое приложение на React js.
Читать
Источник: codedojo