Plataformas Suportadas
Aprenda sobre as plataformas, desde as modernas até antigas, quais delas são suportadas pelo Material UI.
Navegador
O Material UI suporta as versões mais recentes e estáveis de todos os principais navegadores e plataformas. Você não precisa fornecer nenhum poyfill JavaScript, pois ele gerencia recursos não suportados do navegador internamente e isoladamente.
| Edge | Firefox | Chrome | Safari (macOS) | Safari (iOS) | IE |
|---|---|---|---|---|---|
| >= 91 | >= 78 | >= 90 | >= 14 | >= 12.5 | 11 (suporte parcial) |
An extensive list can be found in our .browserlistrc (check the stable entry).
Because Googlebot uses a web rendering service (WRS) to index the page content, it's critical that MUI supports it. WRS regularly updates the rendering engine it uses. You can expect MUI's components to render without major issues.
IE 11
Material UI provides partial supports for IE 11. Be aware of the following:
- Some of the components have no support. For instance, the new components, the data grid, the date picker.
- Some of the components have degraded support. For instance, the outlined input border radius is missing, the combobox doesn't remove diacritics, the circular progress animation is wobbling.
- The documentaton itself might crash.
- You need install the legacy bundle.
- You might need to install polyfills. For instance for the popper.js transitive dependency.
Overall, the library doesn't prioritize the support of IE 11 if it harms the most common use cases. For instance, we will close new issues opened about IE 11 and might not merge pull requests that improve IE 11 support.
v6 will completely remove the support of IE 11.
Servidor
Material UI supports Node.js starting with version 12.17 (or 12.0 with --experimental-modules enabled) for server-side rendering. Where possible, the LTS versions that are in maintenance are supported.
Prefixos CSS
Esteja ciente de que alguns recursos do CSS exigem uma etapa adicional de pós-processamento que adiciona prefixos específicos do browser. Estes prefixos são adicionados automaticamente no cliente graças ao jss-plugin-vendor-prefixer.
O CSS exibido nesta documentação é processado com autoprefixer. Você pode usar a implementação encontrada na documentação como inspiração. Esteja ciente de que isso tem uma implicação no desempenho da página. É algo essencial para páginas estáticas, mas precisa ser equilibrado com não fazer nada ao renderizar páginas dinâmicas.
React
Material UI supports the most recent versions of React, starting with ^17.0.0 (the one with event delegation at the React root). Dê uma olhada nas versões mais antigas para compatibilidade.
TypeScript
Material UI requires a minimum version of TypeScript 3.5. This aims to match the policy of DefinitelyTyped, with the support of the versions of TypeScript that are less than two years old.