顯示具有 ReactJS 標籤的文章。 顯示所有文章
顯示具有 ReactJS 標籤的文章。 顯示所有文章

2017年10月18日 星期三

react functional setState

```js
this.setState((prevState, props) => (
  { hello: "world" }
))
```

這是很重要的,不然 setState 有可能會一起執行,變成

Object.assign({}, {hello: "world"}, { hello: "Wayne" })

這樣第一次執行的 setState 就會被蓋掉

https://medium.freecodecamp.org/functional-setstate-is-the-future-of-react-374f30401b6b

2017年4月12日 星期三

React stateless component


幾個重點

1. 可以不用使用 ES6 的 class
2. State 不存在 presentational component 裡面,變成 pure function,沒有 react lifecycle
3. 沒有 react lifecycle 代表不能快速 hack 功能進去,但相對的可以維持 code 的品質
4. pure function 好測試,而且 react team 考慮(或是已經?)對這類沒有 life cycles 的 function 做效能優化
5. 不用再寫 bind(this) 這種 code

https://hackernoon.com/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc