Weexではじめる

　　Native App 開発

@KaraMisoRamen

株式会社　オロ

フロントエンドエンジニア

This page is powered by Google translate

Weexは、モバイルクロスプラットフォームの高性能UIを構築するためのフレームワークです。 Weexは、開発者がWebベースの構文を使用して、単一のコードベースでiOS、Android、Web UIを構築できるようにします。

.vue

Android native application

IOS native application

Weex

前前前世

webpack

bundle.js

JS framework

Weex core 

iOS & Android engine

Weex ページ

Weex ver 1

we-loader

Vue.js 2 に出会ってから

webpack

bundle.js

Vue.js 2 core

iOS & Android engine

Weex ページ

Weex ver 2

Weex core

Vue-loader

Vue.js web page is powered by Vue.js

Weex native app is powered by Vue.js, too.

DOM

BOM

BOM:  window

navigator

screen 

history

Layout:

Flexbox

<Navigator>

Native component

React native

RN core

Weex

Native

component

Weex core

Native

component

Write once, run everywhere

Vue-router

bundle.js *1

Weex-vue-router

bundle.js.length === pages.length

まとめ

ご清聴ありがとうございます！