Skip to content

FOUC with updated cra  #6455

Closed
Closed
@thegreatsantini

Description

@thegreatsantini

Is this a bug report?

Yes, I think it is a bug.

Did you try recovering your dependencies?

yes. I deleted node_modules and package-lock.json. Then ran npm i

I created the react app by running
npm create react-app react-statusbar
npm version 6.8.0
node version 11.10.0

Which terms did you search for in User Guide?

No info on styles in trouble shooting

Environment

screen shot 2019-02-18 at 2 33 37 pm

Steps to Reproduce

  1. I created the react app by using npm create react-app react-statusbar
  2. npm start to compile without any changes to code.
  3. started building the few components that I was going to use and made minor css changes.

Expected Behavior

I expect the app to keep its styles when it recompile or refreshes.

Actual Behavior

When the app first complied, recompiled or refreshed I would get a Flash of styled components.
wasn't able to get a screen shot of the unstyled app

Reproducible Demo

here is the link to the app.
https://github.com/thegreatsantini/Algorithms/tree/master/Zulily/react-statusbar

  1. clone repo
  2. cd to the react app
  3. npm i
  4. npm start and watch the browser

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions