Обзор приложения

Давайте взглянем на приложение todo-app из модуля. Оно кажется сложным и большим, но это только поначалу. Любое приложение можно разбить на части которые отвечают за какой-то функционал на странице. Эти части я выделил на этом скриншоте.

Как вы заметили я разделил страницу на несколько частей:

• Заголовок страницы
• Форма для создания нового дела
• Сами дела

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

• createAppTitle - тут код для заголовка страницы
• createTodoItemForm - тут код для формы создания нового дела
• createTodoList - код для создания списка дел
• createTodoItem - код для создания одного дела

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

Далее мы разберем "точку входа" в приложение. Т.е с чего начать разбор кода приложения.