[JavaScript知识库]React 三端框架 IceE 快速使用

前言

好久没有写文章了，因为最近比较忙，也没时间写开源项目，最近抽出了一点时间改善 IceE 这个项目，写一篇教程供大家使用吧
github：https://github.com/IceEmblem/IceE

IceE 是什么？

大多数的企业Web站点和移动RNApp都会有相同的JS逻辑（比如下单的验证，支付的验证等），那么我们要维护2份一模一样的代码吗？IceE 就是解决这个问题，你可以将公共的JS代码分离到公共的 package 中，下面是IceE的框架结构，看了这个结构，你应该猜到 ice-core 就是那个公共的 package

快速开始

1. 下面项目：git clone https://github.com/IceEmblem/IceE.git

2. 安装包：yarn install

3. 运行
   Web 端：yarn start:web
   android 端：yarn start:android
   ios 端：yarn start:ios

安装一个现有的模块

进入 /packages/ice-react-start 目录，执行 yarn add yarn add ice-common 安装 ice-common 模块
注：IceE 的模块在框架启动时会初始化该模块，模块可以向框架注册他的功能，比如页面，主题等，你安装后访问到该页面或使用模块的主题，你无需编写一行代码

尝试编写一个模块

通过如下教程完成 mymodule 模块的编写

1. 简单的模块
1）执行 node icee cw mymodule 命令，生成 mymodule 模块，生成成功后 packages 下面会多出一个文件夹，这就是我们的模块了

2）执行 yarn install 安装依赖

3）现在我们将 Module.js 代码改为如下：
该代码向框架注册一个页面

import React from 'react'
import {BaseModule, PageProvider, ModuleFactory, Page} from 'icetf'
import {Module as CoreModule} from 'ice-core';

export default class Module extends BaseModule
{
    initialize(){
        // 注册页面，访问 /mymodule 将显示这个页面
        PageProvider.register(new Page("mymodule", "/mymodule", (props) => <div>Hello MyModule!!!</div>));
    }
}

new ModuleFactory().register(Module, [CoreModule]);

4）执行 yarn start:web 运行站点，访问 /mymodule 页面，就可以看到我们注册的页面了

2. 应用redux

正在编写中 …