Skip to content

Commit afe63c8

Browse files
committed
doc: add FOUC caveat
1 parent 232ee72 commit afe63c8

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

README.md

+7
Original file line numberDiff line numberDiff line change
@@ -210,6 +210,13 @@ Also, `target-path` supports [ejs](https://github.com/mde/ejs) and the following
210210
#### Blueprint files
211211
Blueprints are basically [ejs](https://github.com/mde/ejs) templates which are rendered with the same three variables(`name`, optional `parent` and `helpers` object) as above.
212212
213+
### Caveats
214+
215+
#### FOUC (Flash of Unstyled Content)
216+
To make the hot reloading of CSS work, we are not extracting CSS in development. Ideally, during server rendering, we will be extracting CSS, and we will get a .css file, and we can use it in the html template. That's what we are doing in production.
217+
218+
In development, after all scripts get loaded, react loads the CSS as BLOBs. That's why there is a second of FOUC in development.
219+
213220
## Roadmap
214221
215222
The roadmap discussion thread for v2.0.0 can be found [here](https://github.com/Hashnode/mern-starter/issues/146).

0 commit comments

Comments
 (0)