こんにちは、ワタナベ（wtnb_dev）です。

最近、フロント業界でJavaScriptが人気ですね。

その中でも、特にVue.js、React.jsが人気の高いライブラリ/フレームワークとなっており、これらの技術を身に着けておくことで、フロント業界での様々な案件に携われるようになります。

本記事では、ヌメロンと呼ばれるミニゲームを作りながら、React.jsの基礎について学習していきます。

他のReact.jsの解説記事との違い

他の似たReactjs解説記事では、create-react-appと呼ばれる、React.jsアプリの雛形を簡単に作成できるツールを用いた解説が多いかと思います。

create-react-appを用いて簡単にアプリを作るのも良いのですが、それだと実際に内部でどのようなビルドが行われているのか、理解が難しいと思います。

そこで本記事では、create-react-appは用いずに、1からReact.jsアプリを作成していきます。その中で、webpackやBabelについても少し説明しておりますので、webpackって何？babelって何？という方は、ぜひ見ていただければと思います。

対象読者

- JavaScriptの基礎が分かる方
- npm、yarnの使い方が分かる方
- webpackってよく聞くけど何に使うの？って方
- babelってよく聞くけど何に使うの？って方
- React.jsの基礎を学びたい方

注意事項

- 以前公開していた記事になりますので、既に一読済みの方は読む必要ありません。
- React.jsの基礎中の基礎（state、propsなど）の内容になっておりますので、React.jsについてある程度知識のある方は読む必要ありません。

質問サポートについて

記事について不明点がありましたら、以下のTwitterにDMを送っていただければサポートさせていただきます。
※都合によっては、回答が遅れること、回答できないこともございますので予めご了承ください。

https://twitter.com/natech12