ReactMix,帮助你实现基于HTML+CSS+JS DOM API,来写ReactNative



  • 很高兴给大家介绍我们基于ReactNative框架实现的,目标是完全兼容现有的H5开发方式的新一代框架ReactMix, 相信大家已经使用ReactNative去开发各自的应用有一段时间了,在这段时间,因为ReactNative的API频繁变动,且文档不全,而对于已经习惯写js,css开发的前端工作者来说,ReactNative又是一种新的开发模式,现在ReactMix就是为了解决大家现在遇到的这些问题而来了。

    我们通过中间层,来使得ReactNative,能支持现有的HTML5的js+ dom api + css的开发模式,完美的支持常用的

    css className
    支持了css基本单位px, pt, rem
    彻底解决了ios安卓尺寸样式不统一的问题,基于rem的度量方式,而且自适应不同的屏幕和分辨率,再也不用为未来更大屏的设备写兼容代码了
    多个className的组合,或者className继承关系
    css选择器,支持id, className, tag选择器
    支持Dom选择器,你可以使用#id, .className, TagName去定位和查找节点
    支持常用的js dom event api,支持例如onclick
    支持常用的dom操作api,比如insertBefore, html等等,你经常使用的api
    支持ReactNative代码的分割打包,这样你可以把reactnative的框架代码保存在app本地,但是业务代码通过在线直连的方法更新,保证网络传输量最小
    Getting Started

    从github上下载工程,然后在根目录执行一遍npm install,再进入reactnative目录执行一遍npm install
    从根目录开始,reactnative目录是主要的业务开发代码,web目录是H5相关的代码
    我们通过代号为lightningStorm的框架代码使得reactnative支持类似html标签,和模拟css,和模拟dom api,框架地址为./reactnative/common/LightningStorm.js
    你可以打开安卓或者ios的reactnative的项目,来查看demo的例子,来了解我们的工作模式
    我们模拟了HTML常用的多个节点,比如Div替代了reactnative的View,Span替换了reactnative的Text, Img替换了reactnative的Image,其中Div, Span, Img的用法和HTML语法的基本用法保持一致
    Getting Help

    你可以提交issue,或者邮件我xueduanyang1985@163.com[mailto:xueduanyang1985@163.com],来反馈遇到的问题和寻求帮助



  • 好牛~好牛~好牛~好牛~好牛~