miox Téléchargement - Téléchargement du code source miox

miox

Données du site Web

1.0.0

Télécharger

Infrastructure moderne du spa complexe

MOIX est un cadre de gestion de spa.

Dans le développement Web classique, le navigateur crée et gère une série d'activités de cycle de vie de la page Web, telles que l'historique de session, la création de pages, le département, le Pageshow, PageHide, sur lesquels les développeurs peuvent traiter leur propre logique.

Dans une application SPA, les développeurs doivent faire face à tous ces événements par eux-mêmes ou par un cadre qui les traite. MOIX est encore un autre cadre les traite.

Ce qui rend MiOX spécial, c'est qu'il prend en charge tout noyau de rendu, ce qui signifie qu'avec MOIX, le développeur peut simultanément introduire MiOX dans leurs projets et rester avec sa react ou Vue préférée.
MIOX se concentre sur le fait d'être un runtime spa, avec un petit objectif aussi limité, il a développé la capacité de s'intégrer facilement à la plupart des technologies essentielles, notamment Redux / Vuex, SSR, etc.

À ce jour, presque tous les projets Web frontaux de la carte de crédit 51 utilisent MIOX comme framework Spa, sur les côtés PC et mobiles, ce qui signifie que MiOX est déjà largement utilisé et testé en production.

Démo

Sur mobile, vous pouvez visiter ici. C'est l'un des produits U51.
Demo MiOX pour l'utilisation de base .

Documentation

Vous pouvez trouver la documentation MIOX sur le site Web. Il est divisé en plusieurs sections:

Commencer
Avancé
Plugins
Contribution

Vous pouvez l'améliorer en envoyant des demandes de traction à ce référentiel.

Nous fournissons un article pour illustrer MiOX.

Exemples

Vous pouvez démarrer votre projet avec le code suivant:

index.js : l'entrée de votre projet.

 import Miox from 'miox' ;
import Engine from 'miox-react' ;
import router from './route' ;

const app = new Miox ( { ... options } ) ;
app . install ( Engine ) ;
app . use ( router . routes ( ) ) ;
export default app . listen ( ) ;

Route.js : fichier de routage.

 import Router from 'miox-router' ;
import Page from './page.jsx' ;

const route = new Router ( ) ;
export default route ;
route . patch ( '/' , async ctx => {
  await ctx . render ( Page ) ;
} ) ;

page.jsx : rendu le fichier WebView.

 import React from 'react' ;
import ReactDOM from 'react-dom' ;
export default class ExamplePage extends React . Component {
  render ( ) {
    return < h1 > Hello World! </ h1 > ;
  }
}

Cet exemple rendra "Hello World!" dans un conteneur sur la page.

Installation

MIOX est disponible en tant que package MOIX sur NPM.

Nous fournissons un échafaudage pour faciliter l'installation du projet. Une fois le projet installé, vous pouvez commencer à écrire une logique commerciale.

Installez miox-cli pour créer un projet:

npm install -g miox-cli

Ensuite, exécutez le code de miox create pour créer un nouveau projet:

miox create

Plus de commandes, veuillez lire ici.

Contributif

L'objectif principal de ce référentiel est de continuer à faire évoluer MIOX, ce qui le rend plus rapide et plus facile à utiliser. Le développement de MOIX se produit à l'air libre sur Github, et nous sommes reconnaissants à la communauté d'avoir contribué des fiduciaires et des améliorations.