¡Nue JS, la nueva rueda frontal, pretende crear un nuevo ecosistema web! ! !

Tabla de contenido

¿Qué es Nue JS?

Cree interfaces de usuario con menos código

construido a escala

Estilo desacoplado

Reactividad e isomorfismo.

archivo de biblioteca de interfaz de usuario

herramientas más simples

Ejemplo

Referencias de artículos

---

¿Qué es Nue JS?

Nue JS es una biblioteca JavaScript muy pequeña (minimizada de 2,3 kb) para crear interfaces web. Es el núcleo del próximo ecosistema Nue. Es como Vue.js, React.js o Svelte, pero sin los conceptos abstractos de ganchos, efectos, accesorios, portales, observadores, proporciona, inyecta, suspensión. Comprenda los conceptos básicos de HTML, CSS y JavaScript y estará listo.

Cree interfaces de usuario con menos código

Según el autor, el mayor beneficio de Nue es que necesitas menos código para lograr lo mismo:

El mismo componente listBox reactrequiere 2537 líneas, vue1913 líneas y svelte1286 líneas, mientras que Nue solo requiere 208 líneas, que es react10 veces más pequeño.

construido a escala

Tres razones por las que Nue escala tan bien:

1. Separación de preocupaciones , el código fácil de entender es más fácil de extender que el "código espagueti"
2. Minimalismo , cien líneas de código son más fáciles de escalar que mil líneas de código
3. Separación de talentos : cuando los desarrolladores de UX se centran en el front-end y los desarrolladores de JS/TS se centran en el front-end y el back-end, las habilidades del equipo estarán óptimamente equilibradas:

Estilo desacoplado

Nue no recomienda el uso de CSS con alcance, propiedades de estilo, Tailwind u otros ejercicios de CSS en JS:

1. Código más reutilizable : cuando los estilos no están codificados en componentes, el mismo componente puede verse diferente según la página o el contexto.
2. Sin código espagueti : HTML puro o CSS puro es más fácil de leer que el código espagueti mixto
3. Cargas de página más rápidas : al desacoplar estilos, es más fácil extraer CSS primario de CSS secundario y mantener las páginas HTML por debajo del límite crítico de 14 kb.

Reactividad e isomorfismo.

Nue tiene un modelo de componentes rico, que le permite crear una variedad de aplicaciones utilizando diferentes tipos de componentes:

1. Los componentes del servidor se representan en el servidor. Le ayudan a crear sitios web centrados en el contenido que se cargan más rápido sin JavaScript y que los motores de búsqueda pueden rastrear.
2. Los componentes reactivos se renderizan en el lado del cliente. Le ayudan a crear islas dinámicas o aplicaciones de una sola página.
3. Los componentes híbridos se representan parcialmente en el lado del servidor y parcialmente en el lado del cliente. Estos componentes le ayudan a crear componentes responsivos y compatibles con SEO, como etiquetas de vídeo o galerías de imágenes.
4. Los componentes comunes se utilizan de la misma manera tanto en el lado del servidor como en el del cliente.

archivo de biblioteca de interfaz de usuario

Nue le permite definir múltiples componentes en un solo archivo. Esta es una excelente manera de agrupar componentes relacionados y simplificar la gestión de dependencias.

herramientas más simples

Nue JS viene con una renderfunción simple de renderizado del lado del servidor y una compilefunción para generar componentes para el navegador. No hay necesidad de paquetes complejos como Webpacko para controlar su entorno de desarrollo. ViteSimplemente Nueimporte a su proyecto.

Si su aplicación se vuelve más compleja debido a una gran cantidad de dependencias, puede utilizar un empaquetador en su modelo de negocio. Buny esbuildson excelentes opciones de alto rendimiento.

Nue JS es una herramienta versátil que admite la representación tanto del lado del servidor como del lado del cliente, lo que le ayuda a crear sitios web centrados en el contenido y aplicaciones reactivas de una sola página.

1. Desarrollo de biblioteca de interfaz de usuario : cree componentes reutilizables para interfaces reactivas o contenido generado por el servidor.
2. Mejora progresiva : Nue JS es una microbiblioteca perfecta para mejorar sitios web centrados en contenido con componentes dinámicos o "islas".
3. Generador de sitios web estáticos : simplemente impórtelo a su proyecto y estará listo para renderizarse. No se requiere paquete.
4. Aplicaciones de una sola página : cree aplicaciones más simples y escalables con el próximo proyecto Nue MVC.
5. Template Nue : es una herramienta universal para generar sitios web y correos electrónicos HTML.

Referencias de artículos

•  https://github.com/nuejs/nuejs
• https://nuejs.org/
• https://github.com/nuejs/nuejs
• https://juejin.cn/post/7280747833371705405
• https://www.oschina.net/news/258529/nue-ecosystem