Más contenido relacionado
La actualidad más candente (20)
Similar a React + FLUX + Redux + Redux Saga のお話 (20)
Más de Shinichiro Yoshida (20)
React + FLUX + Redux + Redux Saga のお話
- 1. React + FLUX + Redux + ReduxSaga のお話
2017/03/23(木)
ARCANA Meetup #23
よしだ しんいちろう
- 2. 自己紹介
name: “よしだ しんいちろう”
age: 33
worksAt: “Studio Arcana co.,Ltd.”
roles: [
“Web Application Developer”,
“Management”
]
twitter: “@yossy222”
graduated: [
“Advanced Institute of Industrial Technology”,
“National Institute of Technology, Kushiro College”
]
2
- 12. 技術要素
React , Redux , Redux Saga , Apache
Cordova , Onsen UI , Sqlite , WebSQL ,
WebAPI(Ajax) , Webpack , Babel(stage-0),
ES6 , Generator(ES6) , Promise(ES6),
Gulp, Sass
あたりの技術を使ってます。
今日のお話しは、赤字の部分だけ。
12
- 42. React
class HelloMessage extends React.Component {
render() {
return <div>Hello Jane</div>;
}
}
ReactDOM.render(<HelloMessage />, mountNode);
42
Component
<div>Hello Jane</div>
HTML
- 45. React
class HelloMessage extends React.Component {
render() {
return <div>Hello {this.props.name}</div>;
}
}
ReactDOM.render(<HelloMessage name="Jane" />, mountNode);
45
Component
<div>Hello Jane</div>
HTML
- 131. まとめ
React + Redux + Redux Saga
学習コストはちょっと高いかも。
慣れてしまえばコードは追いやすい。
メンテも引き継ぎもしやすい。
チームでスケールして戦える。
131
- 134. React Fiber
React Fiber に期待したい気持ち
(Reactコアアルゴリズムの再実装)
60FPS出せたり、アニメーションの実装が
しやすくなるといいな…
https://github.com/acdlite/react-fiber-architecture
134