plazar js

Plazar JS

Uma estrutura versátil construída para enriquecer a experiência do desenvolvedor em termos de simplicidade e velocidade de desenvolvimento de aplicativos.

Índice

• ? Instalação
• ? Introdução
• Primeiros passos e documentação
• ? Integração de inicialização
• ? Contribuição
• ? Suporte ao navegador
• ? Planos

Instalação

Execute o seguinte comando npm:

$ npm install @plazarjs/core

Ou coloque a tag de script em sua página:

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

Confira a lista de pacotes dependentes disponíveis.

Introdução

PlazarJS é uma estrutura sem opinião para JavaScript. Ele não tem dependências e, apoiando-se em Princípios Orientados a Objetos (OOP), pode ser facilmente usado para criar um grande aplicativo de página única ou pode ser integrado a uma parte de uma página da web onde o fluxo de trabalho dinâmico é necessário. Ele foi desenvolvido para ser flexível e projetado para ajudá-lo a construir o aplicativo da maneira desejada, sem forçá-lo a seguir um caminho que você acha que não é adequado para o aplicativo que está desenvolvendo. O foco principal está no bom e velho trio, HTML, CSS e JavaScript.

DR

1. Pode definir componentes, mixins ou classes invocando pz.define , pz.component.extend ou pz.class.extend . Mixins não são extensíveis.
2. Reutilize cada tipo posteriormente no aplicativo conforme necessário. Um tipo, múltiplas instâncias.
3. Estenda cada tipo com outro definindo o ownerType . Observe que esta configuração não é necessária ao usar a abordagem extend . O ownerType é reconhecido automaticamente.
4. Substitua a implementação do método pai.
5. Cada método substituído em um tipo filho pode chamar seu pai invocando this.base(arguments) .

Recursos principais

1. Modularidade
2. Componentes
3. Mixins
4. Aulas
5. Herança
6. Vinculações e modelos (modelos inline, pré-renderizados e assíncronos)

Primeiros passos e documentação

Um exemplo 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 ( ) ;

O equivalente ao código acima escrito com a API de extensão é assim:

 // 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 ( ) ;

Documentação detalhada pode ser encontrada aqui.

A demonstração ao vivo pode ser encontrada aqui.

Integração de inicialização

Confira a integração do módulo aqui.

Contribuição

Leia o Guia de Contribuição antes de fazer uma solicitação pull.

Suporte ao navegador

PlazarJS suporta todos os navegadores compatíveis com ECMAScript 5. Confira a tabela de compatibilidade.

Suporte ao navegador IE

Cada implementação/mudança é feita de forma a ignorar o IE versão 9 e inferior.

Planos

Alguns dos próximos lançamentos importantes conterão:

1. Suporte TypeScript.
2. Core plazar-ui (conjunto de controles prontos para uso). Isso eliminará a necessidade de qualquer integração externa de estrutura CSS. Claro, você ainda poderá integrar qualquer um deles se assim desejar.

Licença

MIT