plazar js

PlazarJS

Un framework polyvalent conçu pour enrichir l'expérience des développeurs en termes de simplicité et de rapidité de développement d'applications.

Table des matières

• ? Installation
• ? Introduction
• Mise en route et documentation
• ? Intégration d'amorçage
• ? Contribution
• ? Prise en charge du navigateur
• ? Forfaits

Installation

Exécutez la commande npm suivante :

$ npm install @plazarjs/core

Ou placez la balise de script sur votre page :

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

Consultez la liste des packages dépendants disponibles.

Introduction

PlazarJS est un framework sans opinion pour JavaScript. Il n'a aucune dépendance et en s'appuyant sur les principes orientés objet (POO), il peut facilement être utilisé pour créer une grande application monopage ou il peut être intégré à une partie d'une page Web où un flux de travail dynamique est requis. Il est conçu pour être flexible et conçu pour vous aider à créer l'application comme vous le souhaitez sans vous obliger à suivre un chemin que vous ne pensez pas adapté à l'application que vous développez. L’accent est mis principalement sur le bon vieux trio HTML, CSS et JavaScript.

TL;DR

1. Peut définir des composants, des mixins ou des classes en appelant pz.define , pz.component.extend ou pz.class.extend . Les mixins ne sont pas extensibles.
2. Réutilisez chaque type plus tard dans l'application autant que nécessaire. Un type, plusieurs instances.
3. Étendez chaque type avec un autre en définissant ownerType . Notez que cette configuration n'est pas requise lors de l'utilisation de l'approche extend . Le ownerType est automatiquement reconnu.
4. Remplacez l’implémentation de la méthode parent.
5. Chaque méthode remplacée dans un type enfant peut appeler son parent en appelant this.base(arguments) .

Fonctionnalités principales

1. Modularité
2. Composants
3. Mixins
4. Cours
5. Héritage
6. Liaisons et modèles (modèles en ligne, pré-rendus et asynchrones)

Mise en route et documentation

Un exemple rapide :

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

L'équivalent du code ci-dessus écrit avec l'API extend ressemble à ceci :

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

Une documentation détaillée peut être trouvée ici.

Une démo en direct peut être trouvée ici.

Intégration d'amorçage

Découvrez l'intégration du module ici.

Contribution

Veuillez lire le guide de contribution avant de faire une pull request.

Prise en charge du navigateur

PlazarJS prend en charge tous les navigateurs compatibles ECMAScript 5. Consultez le tableau de compatibilité.

Prise en charge du navigateur IE

Chaque implémentation/modification est effectuée de manière à ignorer la version 9 et inférieure d'IE.

Forfaits

Certaines des prochaines versions majeures contiendront :

1. Prise en charge de TypeScript.
2. Core plazar-ui (ensemble de contrôles prêts à l'emploi). Cela éliminera le besoin de toute intégration de framework CSS externe. Bien entendu, vous pourrez toujours intégrer n’importe lequel d’entre eux si vous le souhaitez.

Licence

MIT