Pular para o conteúdo

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
>= 85 >= 78 >= 84 >= 13 >= 12.1 11 (partial support)

An extensive list can be found in our .browserlistrc (check the stable entry).

Como o Googlebot usa um serviço de renderização da Web (WRS) para indexar o conteúdo da página, é essencial que o Material-UI o suporte. O WRS atualiza regularmente o mecanismo de renderização usado por ele. Você pode esperar que os componentes do Material-UI sejam renderizados sem grandes problemas.

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.