На втором этапе моего буткемпа по разработке программного обеспечения мы начали изучать библиотеку/фреймворк React.JS. После завершения многочисленных лабораторных работ и посещения лекций я начал замечать масштабируемость использования React вместо простого JavaScript.

Декларативное программирование

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

const header = document.createElement('h1');
header.textContent = "Hello World!";
header.className = "main";

const container = document.querySelector('#container')
container.append(header)

// JSX syntax
const header = <h1 className="main">Hello from React!</h1>;

ReactDOM.render(header, document.querySelector("#container"));

Составные части

React работает, структурируя наши приложения с помощью компонентов. Компоненты — это разделы нашей веб-страницы, которые позволяют им обрабатывать и получать свои собственные данные и стили. Использование компонентов позволяет многократно использовать и масштабировать приложения, сохраняя при этом ту же функциональность.

Вывод

Аналогия, которую я узнал из класса, заключается в том, что изучение React похоже на изучение того, как работает машина. В автомобилях есть много деталей, которые необходимы для создания функционального транспортного средства. Может быть полезно знать, как работает двигатель, трансмиссия и система подвески, но что может быть важнее, так это понимание того, как правильно использовать педали, управлять рулем и переключать передачи.