高性能迷你React框架 anu1.3.0 發(fā)布

Flands 發(fā)布于2019-08-22 15:08 / 2542人閱讀

摘要：是一款高性能框架，是目前世界上對兼容最好的迷你庫。自起，相繼推出，與等新，表明官方正積極由純庫向大而全的框架演變，它將會越來越好用。一些迷你庫可能跟不上步伐，現(xiàn)在也只有有這實力跟進。

anujs1.3.0是一款高性能React-like框架，是目前世界上對React16兼容最好的迷你庫。

自React16起，相繼推出createContext，createPortal, createRef與createResource等新API，表明官方正積極由純view庫向大而全的框架演變，它將會越來越好用。一些迷你庫可能跟不上步伐，現(xiàn)在也只有anujs有這實力跟進。

1.3.0的改進如下：

支持React16.3的createContext new API

添加大量React.Fragment測試，修正一些邊緣的BUG

升級diff機制，由新舊vnode進行比較，改成fiber與新vnode進行比較，用新vnode的數(shù)據(jù)更新fiber與視圖

添加input[type=search]的onChange事件支持

修正傳送門在antd3.0的一個邊緣BUG（重復(fù)插入兩次，導(dǎo)致文本節(jié)點消失）

屬性名與方法名大改動，與React16的Fiber靠近

vnode.vtype --> fiber.tag

instance.__isStateless --> fiber._isStateless

updater --> fiber

updater.vnode --> fiber._reactInternalFiber

updater.willReceive --> fiber._willReceive

updater.children --> fiber._children

updater.isMounted() --> fiber._isMounted()

updater.insertCarrier --> fiber._mountCarrier

updater.insertPoint --> fiber._mountPoint

updater.parentContext --> fiber._unmaskedContext

getChildContext --> getUnmaskedContext

getContextByTypes --> 為getMaskedContext

CompositeUpdater.js --> ComponentFiber.js`

DOMUpdater.js --> HostFiber.js

使用

npm i anujs

或者使用架手架 https://github.com/Levan-Du/a...

npm i -g anu-cli

webpack.config中如何代替原來用React編寫的項目

resolve: {
   alias: {
      "react": "anujs",
      "react-dom": "anujs",
        // 若要兼容 IE 請使用以下配置
        // "react": "anujs/dist/ReactIE",
        // "react-dom": "anujs/dist/ReactIE",
    
        // 如果引用了 prop-types 或 create-react-class
        // 需要添加如下別名
        "prop-types": "anujs/lib/ReactPropTypes",
        "create-react-class": "anujs/lib/createClass"
        //如果你在移動端用到了onTouchTap事件
        "react-tap-event-plugin": "anujs/lib/injectTapEventPlugin",  
   }
},

歡迎大家為anujs加星星與試用！！！

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