初识React-ES5实现Counter

真正的了解react应该是从两个月以前开始的,看的也一直是ES5的内容,开始用jsx-loader和webpack编译成浏览器可以识别的bundle.js开始,当时用ES5和本身定义了的一些mixins方法,也能够轻易的构建一些简单的SPAhtml

好的,让咱们回归原题,接下来的四篇博客我将分别用ES5+webpack,ES6+webpack,简略版本的redux和完整版的redux的写出redux官方example的Counter的例子,写这篇博客是为了记录一下本身学习react的曲线,大神请勿喷!!!react

例子介绍:主要是作两个按钮分别加减一,按钮三若是是偶数加一(奇数不加),按钮四点击延时(1000ms)加一的例子webpack

1.ES5+webpackweb

先看htmlredux

js代码后续的咱们能够用ES5的内容去实现上面的功能浏览器

webpack内容学习

效果图spa

最终的效果是能够实现的htm

相关文章
相关标签/搜索