redux-course-ru-v2
  • Вступление
  • От автора
  • Подготовка
    • create-react-app
    • ESLint и Prettier
  • Создание
    • Основы Redux (теория)
    • Точка входа
    • Редьюсеры и connect
    • Комбинирование редьюсеров
    • Контейнеры и компоненты
    • Создание actions
    • Константы
    • Наводим порядок
    • Middleware (усилители)
    • Асинхронные actions
    • Взаимодействуем с VK
    • Рефакторинг
      • Оптимизация перерисовок
      • Доработки
  • Что дальше?
  • Спасибо
Powered by GitBook
On this page

Was this helpful?

  1. Создание

Рефакторинг

В нашем решении есть слабые места:

  • некоторые названия переменных избыточны (чтобы было понятно, добавлено Actions у экшенов, которые мы приклеиваем);

  • повторяющийся однотипный код (5 кнопок с номером года в <Page />);

    • в action улетает текст с кнопки, если текст изменится - код сломается. Проблема: большая связанность. Нужно облегчить.

  • возможно существует более простой путь "достать" из вк фото за конкретный год (не рассматриваю это как проблему);

  • фраза "Привет, ИМЯ" после обновления страницы заменяется кнопкой "войти", то есть не отображает реальной картины (фотографии у нас при этом доступны для загрузки, то есть мы уже авторизованы);

  • после авторизации (или после перезагрузки) было бы неплохо сразу загружать фото для 2018 года, так как юзер видит пустой экран и заголовок 2018;

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

Приглашаю вас "убить" главную проблему текущего приложения - лишние перерисовки компонента в следующем подразделе.

Остальные проблемы и будущие доработки живут в одноименном разделе.

PreviousВзаимодействуем с VKNextОптимизация перерисовок

Last updated 5 years ago

Was this helpful?