高性能迷你React框架 anu1.2.1 发布

发布时间:2019-06-23 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了高性能迷你React框架 anu1.2.1 发布脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

anu1.2.1这次更新主要是改善了对焦点的处理及react16.2的Fragment语法糖的支持

  1. 优化fiberizeChildren的性能,将原方法内部用到函数与对象提到全局上来,这就比官方的对象池技更能提升性能。
  2. 修复受控组件在textarea, radio的BUG,将受控事件放到用户事件后集中执行
  3. 添加焦点系统的支持
  4. 解决多次引入React时,事件系统的option.async有问题的BUG
  5. 简化createPortal的实现
  6. 添加对React16.2的Fragment语法糖的支持(这需要babel7.beta32+才行)
  7. 对antd3的支持情况,还差dropdown与mention组件

Fragment例子@H_777_21@:

<!DOCTYPE htML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <script type='text/javascript' src="./dist/React.js"></script>
    <script src="https://unpkg.COM/@babel/standalone/babel.js"></script>
</head>

<body>

    <h1>测试</h1>
    <h1 id='app-root' classname="root">

    </h1>
    <script type='text/babel'>
            var check = function () {
                return null;
            };
            check.isRequired = check;
            var PRopTypes = React.PropTypes || {
                string: check
            }
            if(!window.ReactDOM){
              window.ReactDOM = React
            }
            var container = document.getElementById("app-root")
  
            function Example() {
                return (
                <>
                    Some text.
                    <h2>A heading</h2>
                    More text.
                    <h2>Another heading</h2>
                    Even more text.
                </>
                );
            }
            ReactDOM.render(<Example />, container);

 
          </script>

</body>

</html>

使用

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加星星与试用!!!

@L_512_8@

脚本宝典总结

以上是脚本宝典为你收集整理的高性能迷你React框架 anu1.2.1 发布全部内容,希望文章能够帮你解决高性能迷你React框架 anu1.2.1 发布所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。