ReactNativeでアプリを作る時の個人的な最小構成はいわゆる垂直分割の構造だったが、大きめの規模になることがわかっている場合は最初から水平分割の構造で作るのもよいと思う。 GitPointを参考にして考えてみた。 具体的にはこんな感じ。 index.ios.js index.android.js App.js root.reducer.js root.store.js routes.js src |__components |__api |__config |__utils |__containers |__home |__home.action.js |__home.reducer.js |__home.type.js |__screens |__index.js ページ単位でディレクトリを切って、その中にredux関連のファイルとページ関係のファイルをまとめる。 ヘッダーとかボタ
![ReactNativeでアプリを作る時の個人的な構成(水平分割バージョン) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2cb2c621a563e37300636bcc714b05d26ab17abf/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9UmVhY3ROYXRpdmUlRTMlODElQTclRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODIlOTIlRTQlQkQlOUMlRTMlODIlOEIlRTYlOTklODIlRTMlODElQUUlRTUlODAlOEIlRTQlQkElQkElRTclOUElODQlRTMlODElQUElRTYlQTclOEIlRTYlODglOTAlMjglRTYlQjAlQjQlRTUlQjklQjMlRTUlODglODYlRTUlODklQjIlRTMlODMlOTAlRTMlODMlQkMlRTMlODIlQjglRTMlODMlQTclRTMlODMlQjMlMjkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWU0ZWQxMTM4MDc1YmRhNjY3MWY4MmExYjE4Zjk0NDVj%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwcmF6b2t1bG92ZXImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTUwMDY2MmQzNWRlODAzOTIxZjI1OGIxM2JmMWE1Yjhi%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D8a99b0ef5fab43d5bcb6e552501682dc)