miox

Современная инфраструктура сложного спа -салона

Miox - это структура управления спа -салоном.

В классическом веб -разработке браузер создает и управляет серией жизненных действий веб -страницы, таких как история сеанса, создание страниц, выброс, PageShow, PageHide, на которой разработчики могут обрабатывать свою собственную логику.

В спа -приложении разработчикам приходится иметь дело со всеми этими событиями сами по себе или с помощью рамки, которая имеет дело с ними. Miox - это еще одна структура с ними.

• Что делает Miox Special, так это то, что он поддерживает любое рендеринговое ядро, что означает, что в Miox разработчик может одновременно ввести Miox в свои проекты и оставаться со своим любимым React или Vue.
• Miox фокусируется на том, чтобы быть временем выполнения спа, с такой ограниченной малой целью, она разработала способность легко интегрироваться с большинством важных технологий, включая Redux/Vuex, SSR и так далее.

На сегодняшний день почти каждый проект веб-интерфейса в 51 кредитной карте использует Miox в качестве SPA Framework, как на ПК, так и на мобильных сторонах, что означает, что Miox уже широко используется и протестируется в производстве.

Демо

• На мобильном телефоне вы можете посетить здесь. Это один из продуктов U51.
• Miox demo для базового использования .

Документация

Вы можете найти документацию 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 : рендеринг файла веб -просмотра.

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

Этот пример будет отображать "Hello World!" в контейнер на странице.

Установка

Miox доступен в виде пакета Miox на NPM.

Мы предоставляем каркас для облегчения установки проекта. После установки проекта вы можете начать писать бизнес -логику.

Установите miox-cli для создания проекта:

npm install -g miox-cli

Затем запустите код miox create для создания нового проекта:

miox create

Больше команд, пожалуйста, прочитайте здесь.

Внося

Основная цель этого хранилища - продолжать развиваться Miox, что делает его быстрее и проще в использовании. Разработка Miox происходит на открытом воздухе на GitHub, и мы благодарны сообществу за внесение ошибок и улучшения.

Изменить журналы

Вы можете прочитать журналы изменений здесь.

Лицензия

Miox лицензирован MIT.

Copyright (C) 2015 -Present, Evio (沈赟杰) - 51 Credit.inc 杭州恩牛网络技术有限公司.