Ruby on Rails+ReactでCRUDを実装してみた ReactとRailsの勉強を兼ねて、CRUDを実装してみました!Viewはテキトーです。 (React歴2ヶ月目なのでコードの品質は大目にみてください。) 読者の対象レベル Reactのコンポーネントを理解している人 RailsでCRUDを実装できるくらいの人 実行環境 Reduxを使わずReactだけで実装しています。 バックエンド Ruby on Rails 5.1.5 フロントエンド React 16.2.0 RailsでReactを使う方法はいくつかありますが、今回はwebpack + babel-loaderを利用してバックエンドとフロントエンドを切り離して作成し巻いた。RailsはAPIだけです。 デモ ディレクトリ構成 ディレクトリ構成はこのような感じです。webpackの環境はcrud_frontにあります。
![Ruby on Rails+ReactでCRUDを実装してみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/82986ecb8eab9744c08df68c7f130a7e4559459a/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UnVieSUyMG9uJTIwUmFpbHMlMkJSZWFjdCVFMyU4MSVBN0NSVUQlRTMlODIlOTIlRTUlQUUlOUYlRTglQTMlODUlRTMlODElOTclRTMlODElQTYlRTMlODElQkYlRTMlODElOUYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWQ3NWUwYWE4MTk2YmQ4MmE1YTI3YTEzZjZmMmU5MmZh%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDB5b3NoaW1vMTIzJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz03YjQxYjE2OWQwMDUzNTk2NjllMjAwNDM3M2U3N2IxZA%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D23decc354a5c299055657eee46c633c1)