1 июня 2018
У меня была возможность пройти стажировку в BeID, которую я обучал у P’ Big.
Сегодня я изучил две большие темы: Git и React.js.

Первое, что я узнал, это инструмент, который команда использует для управления задачей — GitLab. P’ Big объяснил основы работы Git, GitFlow.

Git-поток

GitFlow — это поток Git. Все в команде собираются начать с ветки master. В общем, когда я уже закончил задачу или одну фичу в программе, я должен закоммитить ее в Git. Работа выполняется в одну поточную линию (рисунок 1), так что это нормально для выполнения проекта в одиночку, но трудно найти точку для решения; особенно для команды. Если член команды клонирует или извлекает проект, когда задача не завершена, программа может аварийно завершить работу или выйти из строя. В процессе работы могут возникнуть проблемы или остановиться.

Для решения используется метод ветвления; он используется для разделения потока работы. Например, на рисунке 2 есть 3 ветви, каждая из которых предназначена для одного функционального процесса. Когда каждый процесс будет завершен, функция будет объединена с основной веткой, чтобы другие члены команды могли ее видеть.

React.js

React.js начался с JavaScript (JS), который используется как функция веб-сайта, взаимодействующая с клиентом. Однако JS работает в браузере; затем React.js разрабатывается из JS, который может работать вне формы веб-сайта.

React.js делит каждую часть для запуска, и каждая часть в React.js называется классом компонента. Когда мы можем комбинировать React с HTML и CSS, он запускается с помощью render(). Расширения React.js из JS — это состояние и класс компонентов.

## Компонент

В исходном виде HTML, называемый DOM (Document Object Model), похож на root с другими элементами на странице (рис. 3).

При создании react.js класс покрывает элемент (рис. 4).

На рис. 5 показан файл index.js, запускающий html при рендеринге; это указывает на App.js как на корень, на рисунке 4 как ‹html›‹/html›.

## Состояние

Примечательно, что состояние находится на расширении JS на React.js. Состояние, подобное контроллеру, когда состояние изменилось, дисплей тоже изменится, что React.js может измениться в определенной части. Как цифра 6

Например, на рисунке 6 показан компонент Toggle, который устанавливает состояние для кнопки. Состояние использует условие if для изменения слова в кнопке.

Инновация JS

В оригинале JS работает непоследовательно; если первая функция использует время выполнения больше, чем вторая функция, результат второй функции будет отображаться перед первой функцией. Это может сбить пользователя с толку, как показано на рисунке 7.

Итак, следующая версия — это обратный вызов, который может решить непоследовательность.

# Перезвони

Однако, если у него много функций, это будет похоже на рис. 9, ад обратного вызова, который представляет собой стек функций.

# promise предназначен для устранения ада обратного вызова.

Обещание используется .then(), что означает выполнение A, и если A завершено, B запустится позже. Таким образом, это будет продолжаться на A, B, C, D и других. (рис. 10)

В Promise также есть стек, похожий на немного адского обратного вызова.

# async/wait новая функция JS. который используется как модель обратного вызова или обещания, но в нем не так много фигурных скобок с множеством стеков функций.