Remove breaking formatting in HTML template
Repository details (talkie)
- Project page
- talkie
- Project log category
- talkie (588 entries)
- Repository
- @joelpurra/talkie
- Owner
- @joelpurra
- Issues
- Issues on Github
- Contributors
- Contributors on Github
- Project status
- ⏲️ This project has had recent commits.
- 📂 This project is open.
- 🌠 This project is popular.
- Repository activity period
- 🗓—
- Commits
- 630 commits
- Stars
- 69 stars
Commit details (96db94a8)
- Author
- Joel Purra
- Authored at
- Committer
- Joel Purra
- Committed at
Commit message
Remove breaking formatting in HTML template
- During "server-side" prerendering, the HTML templates are populated with HTML and JSON state from the initial rendering pass.
- During development, automatic HTML formatting in Visual Studio Code has inserted extra whitespace/newlines to the
react-rootand__PRERENDERED_STATE__elements.- This extra whitespace yields warnings in React.js (in development mode), as the mismatch means client-side rehydration is not perfect.
- For performance reasons, it's better to have a perfect match between HTML/state of both the server and client.
- Code formatting tooling and editors may change, so be mindful of future changes.
See
Raw text
Remove breaking formatting in HTML template - During "server-side" prerendering, the HTML templates are populated with HTML and JSON state from the initial rendering pass. - During development, automatic HTML formatting in Visual Studio Code has inserted extra whitespace/newlines to the `react-root` and `__PRERENDERED_STATE__` elements. - This extra whitespace yields warnings in React.js (in development mode), as the mismatch means client-side rehydration is not perfect. - For performance reasons, it's better to have a perfect match between HTML/state of both the server and client. - Code formatting tooling and editors may change, so be mindful of future changes. See - https://reactjs.org/docs/react-dom.html#hydrate