Mithril es un marco de JavaScript del lado del cliente que se utiliza para crear una aplicación de una sola página. Hay muchos otros marcos populares, y esos son lo suficientemente populares y cuentan con un gran apoyo de la comunidad para ellos, como React, Vue y Angular . Entonces, ¿por qué debería elegir Mithril en lugar de esos fantásticos marcos de trabajo? Mithril cubre todas las características que brindan otros marcos, como elementos DOM, componentes, enrutamiento y XHR. El XHR es solo una forma de comunicarse con el servidor, la comunicación es lo más importante para progresar.
Motivo para elegir Mithril sobre los principales marcos:
- Tamaño: el tamaño de Mithril en comparación con esos marcos es muy inferior, el tamaño total de Mithril es de 9,5 Kb y cubre todas las funciones. Donde el tamaño de otros marcos es (React+React Router+Redux+fetch)→64Kb, (Vue + Vue-Router + Vuex + fetch)→40kb y Angular→135kb.
- Rendimiento: el rendimiento de Mithril es mejor porque solo tomará 6,4 ms y los otros marcos tomaron alrededor de 12,1 ms en React, 9,8 ms en Vue y 11,5 ms en Angular.
Nota: si su equipo ya está en otros marcos y el producto de su cliente está totalmente basado en otro marco, continúe con lo que tiene pero está aprendiendo un nuevo marco o desea crear un mundo compacto y rápido, entonces Mithril es la opción correcta.
Requerimiento/Instalación del Módulo: Para comenzar con Mithril podemos usar un enlace CDN o instalarlo usando el comando npm, ambas formas se explican a continuación:
Enlace CDN: puede usar un enlace CDN en el archivo HTML y continuar. Copie el siguiente enlace dentro de la etiqueta del script.
https://unpkg.com/mithril/mithril.js
Módulo NPM: Instale el módulo Mithril usando el siguiente comando:
npm install mithril --save
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/mithril/mithril.js"> </script> </head> <body> <script> var root = document.body // Rendering a String as an Output m.render(root, "GeeksforGeeks A Computer Science portal for Geeks") </script> </body> </html>
Producción:
Referencia: https://mithril.js.org/
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA