mioxダウンロードmioxソースコードのダウンロード

miox

ウェブサイトデータ

1.0.0

ダウンロード

複雑なスパの最新のインフラストラクチャ

MioxはSPA管理フレームワークです。

古典的なWeb開発では、ブラウザは、セッション履歴、ページ作成、廃棄、ページショー、PageHideなど、開発者が独自のロジックを処理できるような、Webページの一連のライフサイクルアクティビティを作成および管理します。

SPAアプリケーションでは、開発者はこれらすべてのイベントを自分で、またはそれらを扱うフレームワークによって対処する必要があります。 Mioxは、さらに別のフレームワークを扱っています。

Mioxを特別なものにしているのは、Render Coreをサポートすることです。つまり、Mioxを使用すると、開発者はMioxをプロジェクトに同時に紹介し、お気に入りのReactまたはVueにとどまることができます。
Mioxは、スパランタイムであることに焦点を当てており、このような限られた小さな目標で、Redux/Vuex、SSRなどを含むほとんどの重要なテクノロジーと簡単に統合できる能力を開発しました。

今日の時点で、51クレジットカードのほぼすべてのWebフロントエンドプロジェクトは、PCとモバイルの両方の側面でSPAフレームワークのようにMioxを使用しています。つまり、Mioxはすでに広く使用され、生産でテストされています。

デモ

モバイルでは、こちらをご覧ください。これはU51製品の1つです。
基本的な使用のMioxデモ。

ドキュメント

WebサイトでMioxドキュメントを見つけることができます。それはいくつかのセクションに分かれています：

始めましょう
高度な
プラグイン
貢献

このリポジトリにプルリクエストを送信することで改善できます。

Mioxを説明する記事を提供します。

例

次のコードでプロジェクトを開始できます。

index.js ：プロジェクトの入り口。

 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 ：ルーティングファイル。

 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 ：WebViewファイルのレンダリング。

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