Untouched Create React App experiences Flash of Unstyled Content
After initializing a new CRA I noticed a FOUC issue out of the box.
I uploaded the app to S3 to see if the built application would have the same problem and the issue was gone.
Has anyone seen this and know of any fixes? I've spent some time looking into it but haven't found anything helpful. It seems to me this shouldn't be happening on an untouched CRA.
Solution
I have experienced the same problem as you got and take a look around for workaround and they say that only in the development mode will have this issue but the production works just fine!
Take a look in here: https://github.com/facebook/create-react-app/issues/6399
- Can you render a html file into a container?
- wp_nav_menu - add class on UL
- how to position two elements left and right
- How to reference a .css file on a razor view?
- How can I prevent address bar from hiding in mobile browsers?
- Closing up spacing in Knight Lab's Timeline JS
- Changing Font Color in HTML Email for AOL Mail
- What is the purpose of the @font-face specifications given for Google fonts?
- QTextBrowser not processing CSS properly
- PrimeNg p-inputnumber cannot be styled
- Cannot remove bootstrap button border
- Unable to center navbar properly
- Popover on input field
- Set select element width equal to it's option's content width dynamically
- Force a line break in a URL
- Select text in ::before or ::after pseudo-element
- Trying to size div as percentages of the entire page
- set the width of select2 input (through Angular-ui directive)
- How long will cached CSS file get updated in browser?
- Angular: How to add global CSS, but only for one specific page?
- CSS - focus not working on any browser Why?
- How to position two elements side by side using CSS
- Use CSS3 transitions with gradient backgrounds
- bootstrap container-fluid - remove margins the right way (overflow)
- React Native: Different styles applied on orientation change
- How to modify svg icon colors with Tailwind
- Add a close button to tabs
- How to insert MutationObserver into jQuery code
- Flowbite overriding/changing input field CSS
- If I add position fixed to header, modal becomes unreachable