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

Для своего нового проекта я пару раз редактировал свое отображение

Сначала моя карта выглядит так

Клавиша со стрелкой представляет собой дочерний компонент.

Можно просто наметить, какие компоненты и какие контейнеры для всего, что будет отображать movieCard, будет контейнером movieCard. Мне достаточно легко создать все контейнеры и компоненты. Мне достаточно разработать приложение.

Однако я хочу, чтобы карта моего приложения казалась более понятной. Итак, я рисую другую карту.

Он более читабельный, и я знаю, что на карте много повторяющихся объектов, по крайней мере, он выглядит чище и яснее. По сути, я считаю, что эта карта проясняет контейнер и компоненты.

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

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

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