plazar js

PlazarJS

Un marco versátil creado para enriquecer la experiencia del desarrollador en términos de simplicidad y velocidad de desarrollo de aplicaciones.

Tabla de contenido

• ? Instalación
• ? Introducción
• Introducción y documentación
• ? Integración de arranque
• ? Contribución
• ? Soporte del navegador
• ? Planes

Instalación

Ejecute el siguiente comando npm:

$ npm install @plazarjs/core

O coloque la etiqueta script en su página:

 < script src =" https://cdn.jsdelivr.net/npm/@plazarjs/core " > </ script >

Consulte la lista de paquetes dependientes disponibles.

Introducción

PlazarJS es un marco sin opiniones para JavaScript. No tiene dependencias y, al apoyarse en los principios orientados a objetos (OOP), se puede utilizar fácilmente para crear una aplicación de una sola página de gran tamaño o se puede integrar en una parte de una página web donde se requiere un flujo de trabajo dinámico. Está diseñado para ser flexible y diseñado para ayudarle a crear la aplicación de la manera que desee sin obligarlo a seguir un camino que no cree que sea adecuado para la aplicación que está desarrollando. La atención se centra principalmente en el viejo trío: HTML, CSS y JavaScript.

TL;DR

1. Puede definir componentes, mixins o clases invocando pz.define , pz.component.extend o pz.class.extend . Los mixins no son extensibles.
2. Reutilice cada tipo más adelante en la aplicación tanto como sea necesario. Un tipo, múltiples instancias.
3. Amplíe cada tipo con otro estableciendo el ownerType . Tenga en cuenta que esta configuración no es necesaria cuando se utiliza el método extend . El ownerType se reconoce automáticamente.
4. Anular la implementación del método principal.
5. Cada método anulado en un tipo secundario puede llamar a su padre invocando this.base(arguments) .

Características principales

1. Modularidad
2. Componentes
3. mezclas
4. Clases
5. Herencia
6. Enlaces y plantillas (plantillas asíncronas, pre-renderizadas y en línea)

Introducción y documentación

Un ejemplo rápido:

 // define the component
import pz from '@plazarjs/core' ;

const helloWorld = {
  ownerType : 'component' ,
  template : '<div>Hello from {fw}</div>' ,
  renderTo : 'body' ,
  autoLoad : true ,
  viewModel : {
    fw : 'plazarjs'
  }
} ;

export default pz . define ( 'hello-world' , helloWorld ) ;

// create the component where required
import helloWorld from 'my-path/helloWorld' ;
helloWorld . create ( ) ;

El equivalente del código anterior escrito con la API extendida se ve así:

 // define the component
import pz from '@plazarjs/core' ;

const helloWorld = {
  type : 'hello-world' ,
  template : '<div>Hello from {fw}</div>' ,
  renderTo : 'body' ,
  autoLoad : true ,
  viewModel : {
    fw : 'plazarjs'
  }
} ;

export default pz . component . extend ( helloWorld ) ;

// create the component where required
import helloWorld from 'my-path/helloWorld' ;
helloWorld . create ( ) ;

La documentación detallada se puede encontrar aquí.

La demostración en vivo se puede encontrar aquí.

Integración de arranque

Consulte la integración del módulo aquí.

Contribución

Lea la Guía de contribución antes de realizar una solicitud de extracción.

Soporte del navegador

PlazarJS es compatible con todos los navegadores compatibles con ECMAScript 5. Consulta la tabla de compatibilidad.

Soporte del navegador IE

Cada implementación/cambio se realiza de manera que se ignore la versión 9 y anteriores de IE.

Planes

Algunos de los próximos lanzamientos importantes contendrán:

1. Soporte de mecanografiado.
2. Core plazar-ui (conjunto de controles listos para usar). Esto eliminará la necesidad de cualquier integración de marco CSS externo. Por supuesto, aún podrás integrar cualquiera de ellos si así lo deseas.

Licencia

MIT