--- title: O'REILLYのReact ビギナーズガイドを読み書きする No.1 tags: React 初心者 author: motoakim slide: false --- ## はじめに O'REILLYの[React ビギナーズガイド](https://www.amazon.co.jp/React%E3%83%93%E3%82%AE%E3%83%8A%E3%83%BC%E3%82%BA%E3%82%AC%E3%82%A4%E3%83%89-%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AE%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80-Stoyan-Stefanov/dp/4873117887/ref=sr_1_3?ie=UTF8&qid=1499684552&sr=8-3&keywords=React)を読んでいる。内容の理解を目的として要約していく。章立ては書籍の名前を引き継ぐが、内容は自分の中で極力噛み砕くように努めた。 何か面白い例や、間違いなどあればご指導していただけると幸いです。よろしくお願いします。 ## 1. Hello World ### 1.1 セットアップ [Reactライブラリ](http:facebook.github.io/react/)のページからダウンロード。今回は[React ビギナーズガイド](https://www.amazon.co.jp/React%E3%83%93%E3%82%AE%E3%83%8A%E3%83%BC%E3%82%BA%E3%82%AC%E3%82%A4%E3%83%89-%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AE%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80-Stoyan-Stefanov/dp/4873117887/ref=sr_1_3?ie=UTF8&qid=1499684552&sr=8-3&keywords=React)に従ってバージョンは15.4.1で進める。バージョンによってディレクトリ構成が見た目結構違うようなので驚いた([ver15.6.1](https://github.com/facebook/react/releases)はyarnとか入っていて見た目だいぶ複雑になってる)が、Reactではディレクトリ構成に制約はないらしいしそんなもんなのか ### 1.2 ハロー、Reactワールド 作業ディレクトリ内に`01.01.hello.html`を作成, 内容は以下の通り。ちなみに、[React ビギナーズガイド](https://www.amazon.co.jp/React%E3%83%93%E3%82%AE%E3%83%8A%E3%83%BC%E3%82%BA%E3%82%AC%E3%82%A4%E3%83%89-%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AE%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E9%96%8B%E7%99%BA%E5%85%A5%E9%96%80-Stoyan-Stefanov/dp/4873117887/ref=sr_1_3?ie=UTF8&qid=1499684552&sr=8-3&keywords=React)にて使用するコードは全て[このGithubリポジトリ](https://github.com/stoyan/reactbook/)からダウンロードできるらしい、いいね ```html:01.01.hello.html Hello React
React読み込み ``` 上の2箇所に注目 1. `