Plataformas compatibles
Aprende sobre las plataformas que son compatibles por Material-UI. Desde las modernas hasta las viejas.
Navegador
Material-UI es compatible con las versiones más recientes y estables de todos los principales navegadores y plataformas. You don't need to provide any JavaScript polyfill as it manages unsupported browser features internally and in isolation.
| 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).
Es fundamental que Material-UI sea compatible con el servicio de renderización web (WRS) utilizado por Googlebot para clasificar el contenido de la página web. WRS regularly updates the rendering engine it uses. Podrás contar con que los componentes de Material-UI sean renderizados sin mayores 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.
Prefijado de CSS
Be aware that some CSS features require an additional postprocessing step that adds vendor-specific prefixes. These prefixes are automatically added to the client thanks to jss-plugin-vendor-prefixer.
El CSS servido en ésta documentación se procesa con autoprefixer. Puedes utilizar la implementación de ésta documentación como punto de partida e inspiración. Ten en cuenta que ésto tiene implicaciones en el desempeño de la página. It's a must-do for static pages, but it needs to be put in balance with not doing anything when rendering dynamic pages.
React
Material-UI supports the most recent versions of React, starting with ^17.0.0 (the one with event delegation at the React root). Have a look at the older versions for backward compatibility.
TypeScript
Material-UI requires a minimum version of TypeScript 3.5.