はじめに この記事はReactの実装をしたことがない人、JSというとjQueryくらいしかやったことがない人でも理解出来るような内容です。 Reactをはじめるというとチュートリアルからはじめるのが基本かと思いますが、チュートリアルよりミニマムにReactってどんなの?というものを実際に実装して感じようというのが目的です。 ただし、npmはインストール済みが前提なのでnpmの準備は各自お願いします。 この記事ではReactの概念よりも実装を重要視します。なぜReactが良いのか等は他記事に譲らせて頂きます。 Reactを使うとなぜjQueryが要らなくなるのか なぜ仮想DOMという概念が俺達の魂を震えさせるのか 簡単に説明すると、ReactはVirtual DOM (仮想DOM)という概念がキーポイントになり、それによって設計面、速度面に利点があります。特徴としてコンポーネントbaseのU
![ここからはじめるReactの基礎の基礎 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d6b68cb29379db15b6c91174ca66b7b9a86e03a/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgxJTkzJUUzJTgxJTkzJUUzJTgxJThCJUUzJTgyJTg5JUUzJTgxJUFGJUUzJTgxJTk4JUUzJTgyJTgxJUUzJTgyJThCUmVhY3QlRTMlODElQUUlRTUlOUYlQkElRTclQTQlOEUlRTMlODElQUUlRTUlOUYlQkElRTclQTQlOEUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTJmYTlhOTNjMmIwZDhkZjI2MmJhM2EyMTQ5MzY3MzYy%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc2hpenVtYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDM4OTYzYTNjNTYwNjUxZmM1NTUwYTdjYzZmODU3MjY%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Db3845829981615992a2b73d4007069b8)