Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[styles] Document the CSS prefixing strategy on the server #14139

Merged
merged 2 commits into from Jan 11, 2019
Merged

[styles] Document the CSS prefixing strategy on the server #14139

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4d1dd4d
[docs] Add note about vendor prefixes with ssr
eps1lon Jan 10, 2019
b982264
Alternative suggestion
oliviertassinari Jan 10, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
11 changes: 11 additions & 0 deletions docs/src/pages/getting-started/supported-platforms/supported-platforms.md
View file
Open in desktop
Expand Up @@ -20,3 +20,14 @@ You can expect Material-UI's components to render without major issues.

Because Material-UI supports server-side rendering, we need to support the latest, stable releases of [Node.js](https://github.com/nodejs/node).
We try to support the [last active LTS version](https://github.com/nodejs/Release#lts-schedule1). Right now, we support **node v6.x** and newer versions.

### CSS prefixing

Be aware that some CSS features [require](https://github.com/cssinjs/jss/issues/279) an additional postprocessing step
that adds vendor specific prefixes.
These prefixes are automatically added on the client thanks to [`jss-plugin-vendor-prefixer`](https://www.npmjs.com/package/jss-plugin-vendor-prefixer).

The CSS served on this documentation is processed with [`autoprefixer`](https://www.npmjs.com/package/autoprefixer).
You can use [the documentation implementation](https://github.com/mui-org/material-ui/blob/47aa5aeaec1d4ac2c08fd0e84277d6b91e497557/pages/_document.js#L123) as inspiration.
Be aware that it has an implication with the performance of the page.
It's a must do for static pages, but it needs to be put in balance with not doing anything when rendering dynamic pages.