Hooks時代のReactライフサイクル完全理解への道

2022/03/15 175 users

はじめに これはクラスコンポーネントのライフサイクルを理解した上で、それに対応するように関数コンポーネントのライフサイクルを理解しようという試みです。 厳密にはReactのライフサイクルはクラスコンポーネントと関数コンポーネントそれぞれで違う概念を持っているようで、それぞれのライフサイクルに紐付けて考え... 続きを読む

Hooks時代の設計の話 #agrinoteinside - Speaker Deck

2020/06/25 261 users Speaker Deck 設計

React Component as a Fat Controller const FatController = () => { return ( <View> <View> <Text>{hoge}</Text> <Text>{fuga}</Text> <Text>{piyo}</Text> </View> </View> ) }; ෳ਺ͷؔ৺ʹର͢Δॲཧ͕ ίϯϙʔωϯτʹϕλॻ͖ ͞Ε͍ͯΔঢ়ଶ ࠷ऴతʹදࣔ͢Δσʔλͷ؅ཧʢ6*ͷؔ৺ʣ�ߦ ΫϦοΫΠϕϯτͷड͚औΓʢ6*ͷؔ৺ʣɿ��ߦ ॳظԽ༻ͷ௨৴ʢ௨৴ͷؔ৺ʣ����ߦ σʔλૹ৴༻ͷ௨৴ʢ௨৴ͷؔ৺ʣ�ɿ��ߦ +49͸6*ͷؔ৺ ௨৴݁ՌΛදࣔ... 続きを読む

Hooks時代の設計の話 - Speaker Deck

2020/06/25 160 users Speaker Deck 設計

React Component as a Fat Controller const FatController = () => { return ( <View> <View> <Text>{hoge}</Text> <Text>{fuga}</Text> <Text>{piyo}</Text> </View> </View> ) }; ෳ਺ͷؔ৺ʹର͢Δॲཧ͕ ίϯϙʔωϯτʹϕλॻ͖ ͞Ε͍ͯΔঢ়ଶ ࠷ऴతʹදࣔ͢Δσʔλͷ؅ཧʢ6*ͷؔ৺ʣ�ߦ ΫϦοΫΠϕϯτͷड͚औΓʢ6*ͷؔ৺ʣɿ��ߦ ॳظԽ༻ͷ௨৴ʢ௨৴ͷؔ৺ʣ����ߦ σʔλૹ৴༻ͷ௨৴ʢ௨৴ͷؔ৺ʣ�ɿ��ߦ +49͸6*ͷؔ৺ ௨৴݁ՌΛදࣔ... 続きを読む