Где лучше всего инициализировать React с приложением Redux?

Настраивать

Приложение React With Redux обрабатывает состояние и действия. Множество сервисов - API входа пользователя, карты Google и несколько сторонних сервисов.

Проблема

Инициализация выполняется несколько раз, когда она является частью компонента (componentDidMount), сценариев SDK, загружаемых во время процесса (я хочу, чтобы они были готовы, когда они мне понадобятся в приложении).

Наводящие вопросы

  • Где и когда запускается функция appInitialize(), чтобы она запускалась только один раз (только при запуске приложения).
  • Где загрузить скрипт Google API? (В компоненте, который его использует, или в компоненте приложения?)
  • Также могут помочь лучшие практики, книги и другие руководства.

- Привет, состояние каждого редуктора инициализируется в их аргументе. - по умолчанию скрипт Google API отсутствует. - Библия сокращения: egghead.io/courses/getting-started-with-redux

Niels Dominguez 17.12.2018 14:11
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
630
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

У меня раньше был аналогичный вопрос, в основном, я хочу загрузить собственное приложение. Внутри index.js, если ваша цель - отрендерить приложение, вы можете многое сделать до этого.

ReactDOM.render(Root, document.getElementById('root'));

Например

  • создайте магазин redux и вставьте его в это приложение (синхронизация)
  • вызвать обещание, а затем разрешить его перед вызовом рендеринга (асинхронный)

Это файл javascript, вы можете делать все, что захотите, в большинстве случаев вы можете думать об этом как о списке для стирки. Когда вы получаете все больше и больше материала, вы можете подумать о более модульном способе выполнения этого (например, response или redux - это всего лишь один из модулей).

Просто чтобы ответить на ваш вопрос

  • Где и когда запускается функция appInitialize(), чтобы она запускалась только один раз (только при запуске приложения)? Внутри index.js убедитесь, что вы вызываете рендеринг только один раз. И, надеюсь, перед этим убедитесь, что вы инициализировали все остальное.

  • Где загрузить скрипт Google API? (В компоненте, который его использует, или в компоненте приложения?). Все третьи стороны могут быть либо в index.html, либо в index.js, вы можете просто вызвать им один раз и оставить их там.

Другие вопросы по теме