Add functional function such as change state, this should have tests covered. For example, in a component, there is a function call 'addBox': onAddBox = () => { const newBox = { id : this.state.boxes.length, color : 'red' }; const boxes = addBox(this…

JavaScript Application Architecture On The Road To 2015 I once told someone I was an architect. It’s true in a way since I now have to design an intricate web of lies to back it up. On a serious note, I thought it might be salutary to look at the sta…

个人翻译: Updating a DOM is not slow, it is just like updating any JavaScript object; then what exactly makes updating Real DOM slow? 更新一个DOM其实并不慢,就像更新任意一个JS对象一样,那么到底是什么让更新DOM变得很慢呢? Rendering engines which is responsible for displaying or rendering the w…

Only recently have investigators considered using these plants to clean up soil and waste sites that have been contaminated by toxic levels of heavy metals-an environmentally friendly approach known as phytoremediation.This scenario begins with the p…

参考资料:http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/ Target Audience: People Who Know Just Enough jQuery to Get by Before I begin, I'd like to clarify who my target audience is. Zed Shaw, the a…

Now that Angular 2 is in beta, the time has come for us to drop everything and learn something new, again. The good news is, like React and Angular 1.x, Angular 2 is here to stay for a while so it’s a good investment to become productive with this ne…

We will learn how to change the address bar using a component from React Router. In Root.js: We need to add a param to change the Route: import React from 'react'; import {Provider} from 'react-redux'; import {Router, Route, browserHistory } from 're…

Applications are driven by state. Many things, like the user interface, should always be consistent with that state.MobX is a general purpose FRP library that provides the means to derive, for example, a React based user interface automatically from…

So you're curious in learning this new thing called Reactive Programming, particularly its variant comprising of Rx, Bacon.js, RAC, and others. 相信你们在学习响应式编程这个新技术的时候都会充满了好奇,特别是它的一些变体,包括Rx系列.Bacon.js.RAC和其他的一些变体. Learning it is hard, even harder by the…

背景 调查了react下的图工具库, 并继承到项目中, 经过调研列出如下两个图工具库,可以同时使用. data-ui react-c3js 在一个工具中没有所需的图时候, 可以使用另一个替代. data-ui https://williaster.github.io/data-ui/?selectedKind=histogram&selectedStory=Playground&full=0&addons=0&stories=1&panelRight=0 A col…