原创 React實戰-基於Storybook的React組件測試

React實戰-基於Storybook的React組件測試 ReactJs的測試方法和測試工具很多,主要有Jtest、Karma,但是有一些小的第三方工具也很簡單、方便,其中StoryBook這款小工具很適合在頁面UI直觀的展示控件的允許

原创 ReactJs實戰-讓人沮喪的HelloWorld

學習任何一門語言我們寫出的第一個Demo,應該是Hello world了。相信第一個具有自主思想的智能機器人開口第一句話應該就是:Hello world, Human, Fuck you! 爲什麼取名爲讓人沮喪的Hello World?

原创 React實戰-深入源碼瞭解Redux用法之Reducers

React實戰-深入源碼瞭解Redux用法之Reducers 在Redux中Reducers是真正實現state數據變化的工作。我們在使用Redux時,可能也只是似懂非懂,我們不知道它是如何工作的,我們知道在Action中定義事件,在Re

原创 React實戰-模塊化條件下的6種數據傳遞方式

React實戰-模塊化條件下的6種數據傳遞方式 當前新的前段框架中最突出就是模塊化,然後模塊化後,數據的傳遞方式與之前的方式也不盡相同,尤其是框架各自定義的方式也不一樣。規則這東西歸根到底是個度的問題,沒有規則,就會混亂,規則多了,就死板

原创 ReactJs實戰感悟

寫這篇博文之前,不免先自我介紹一下,作爲一個在編碼一線搬磚多年,涉獵過C、C++、Java、C#、Javascript等多種語言,從前臺到後臺,從工程到理論,從Coder到Manager、Director,經歷了程序設計師、系統分析師等各

原创 軟件測試感悟

軟件測試感悟 多年來一直從事着軟件工程方面的研究與實踐工作,軟件測試則是其中很重要的研究方向。個人一直在軟件測試與軟件開發間徘徊,有時軟件測試與軟件開發的界線並不明顯,長久以來軟件測試一直視爲項目開發中的無用功,軟件測試人員也被低看一等,

原创 React實戰-ReactJS+Redux的思考

React實戰-ReactJS+Redux的思考 ReactJs的官方架構是:ReactJs+Flux。然而作爲Flux的升級版,ReactJs+Redux越來越流行,已經有超越ReactJs+Flux的趨勢。到底哪種更好,則又是一個仁者

原创 React實戰-如何構建扁平化的Redux數據結構

衆所周知React只負責UI的展示,但是數據控制和數據模式也是逃脫不掉的,總是需要自己去實現,總得來說也就那三種方式,在以前的文章中有介紹,但我個人認爲還是Redux來的高級點,至少可以採用一個全新的JS實現方式,也值得我們去嘗試,Re

原创 React實戰-對比ReactJs與ReactNative中的Flex用法

React實戰-對比ReactJs與ReactNative中的Flex用法 無論是Web還是移動端,讓人花費大量精力和時間的是頁面佈局,在新Css3中提供了flex爲我們解決了很大的問題,我們不要再設置如此多的float, 爲個元素居中傷