Relay
各コンポーネントがAPI通信する感じになる
従来のコンポーネントをwrapしてGraphQLでfetch処理を書く コンポーネント自体はそのままで、一つのコンポーネントごとにAPリクエストを紐付ける感じ
code:ts
class Comment extends React.Component {...} // 中身は省略
module.exports = Relay.createContainer(Comment, {
queries: {
comment: graphql`
Comment {
text,
author {
name,
photo
}
}
`
}
});
各コンポーネントがAPI通信する感じ?
めっちゃ極端に言えば、今までは親からpropsをもらってたけどそれが全部消えて、
各コンポーネントが必要なpropsをAPIから直接もらう感じ?
reduxのstoreとか全く不要になるのか?
Modelとかいう概念も消える?
は?ヤバ、そんなんできるん?mrsekut.icon
移行は大変?
https://www.youtube.com/watch?v=lhVGdErZuN4
参考
概要がわかる