Вот моя седьмая неделя обучения программированию. После ruby ​​и его фреймворка rails я начал изучать самый популярный язык интерфейса — javascript.

В отличие от ruby, javascript — это более интерфейсный язык, мы можем манипулировать веб-DOM с помощью консоли нашего браузера. Это заставляет меня чувствовать, что javascript более интуитивно понятен. Мы можем легко и быстро увидеть наши изменения из браузера.

Кроме того, Javascript является мультипарадигмальным языком, который поддерживает процедурный, объектно-ориентированный (на основе прототипов) и функциональный стили программирования. Итак, у нас есть способ написать код javascript в OO. Тем не менее, я чувствую себя настолько сбитым с толку, используя объектно-ориентированный способ javascript при выполнении лабораторных работ. Я пытаюсь сделать эту учебную заметку, чтобы обобщить то, что я узнал и понял об объектно-ориентированном javascript.

Объектно-ориентированное программирование — это парадигма программирования, основанная на концепции «объектов», которые могут содержать данные в виде полей и код в виде процедур. Особенностью объектов являются процедуры объекта, которые могут получать доступ и часто изменять поля данных объекта, с которым они связаны. Используя JavaScript, разработчики создают компоненты, которые будут представлены в приложении.

Каждый отдельный статус рендеринга идентифицируется как компонент. Изменение состояний приведет к повторному рендерингу соответствующего компонента. Для React.js есть место для хранения всего этого состояния с помощью Redux — инструмента управления состоянием. Кроме того, разработчики могли комбинировать использование редукции с хуками. Это позволяет разработчикам использовать функциональный компонент вместо создания класса компонента. Если вы знакомы с «mapStateToProps()» и «mapDispatchToProps» в Redux. Тогда React Hooks будет очень легко понять. Если вы хотите использовать состояние в текущем компоненте:

Если вы хотите изменить состояние в текущем компоненте: