初識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

相關文章
相關標籤/搜索