anu,一个无痛实践React的迷你React框架

近年来，冒出大量MVVM框架，但它几乎无一例外依赖于babel, webpack等编译或手脚架，这让小公司出身的前端们望洋兴叹。因此小城市的前端们，没有高手带着，许多培训班出身，或自学成才转行，如果引用react, ng2这类框架无异于自杀。出问题，webpack配置问N个群都没有问题。依赖于编译的框架也很难调试。

而我们公司则出于另一个目的开发这个框架，手机端需要体积更少的框架。学习了preact, react-lite，我造出了这个类React框架。

此外，它还有一个好处，它是面向未来的。它所依赖的高级语法，都是可以通过简单的pollfill来修复。而JSX，则依赖于babel。anu将JSX改造成字符串，三年后，http2流行了，不需要打包，没有体积的压力。我们就没有维护一个破旧的 webpack的压力。因此这是一个很轻量的框架，回复到jQuery时代，简单直接用页面引用JS主文件就行，其余的交由es6 modules来管理。

由于它与React极其相似，因此React生态圈的东西简单改造一下便能用了。

下面是一个例子，用于三个文件。以后可能会考虑合成一个。

    
    
    
    
    
    



    
这个默认会被清掉

目前定义组件时是用es6方式，如果你想支持IE8等老旧浏览器，也可以用createClass来定义类。

目前anu是支持React的多种定义组件方式，包括Stateless Component, InPure Component, Pure Component。

如果你想减少改动，继续用React命名，可以做以下处理：

var React = window.anu
evalJSX.globalNs = "React"。

var myComponent = React.createClass({
    getDefaultProps(){
       return {children: "xxxx"}
    }
    render(){
      return evalJSX("
{this.props.children}
",{this.this})
   }
})

基本上我是朝着100%模仿React来打造它，但一些过旧的官方不推荐的功能，我也像React那样做成插件。

目前没有支持的方法与对象

1. PropTypes

2. childContextTypes

3. Children的方法集合

4. mixin机制

更多介绍可见它的GITHUB homepage

https://github.com/RubyLouvre...

欢迎加星星与试用