почему мы должны установить gatsby-plugin-styled-components после установленных styled-компонентов

Question

Я изучаю Gatsbyjs и увидел странную вещь.

Например, если я хочу использовать styled-компоненты, мне нужно установить: Гэтсби-плагин-стилизованных-компоненты А ТАКЖЕ стилизованная-компонента

Принимая во внимание, что я пытался установить только styled-компоненты, и это работает.

Мой вопрос:

Зачем мне устанавливать соответствующий плагин Gatsbyjs в этом случае?

Answer 1

Ответ заключается в том, что простое использование styled-components приведет к применению styled-components в клиентской JavaScript-среде выполнения. Поэтому иногда, когда вы загружаете свой сайт Gatsby, вы видите стили, которые вы написали с styled-components -компонентами, не сразу на вашем сайте, но они будут применены после некоторой задержки, что может привести к некоторому странному визуальному эффекту (элементы прыгают вокруг или изменение цвета / размера / других свойств).

gatsby-plugin-styled-components гарантирует, что стили будут доставлены клиенту прямо из HTML.