MacでTypeScript, React, Visual Studio Code環境構築

概要

Visual Studio Codeで何かReactっぽいものをTypeScriptで書いてみよう！！
と思い立ち参考にさせてもらった素敵なサイトをメモしとく。

基礎学習

1. 5分で理解する React.js
2. 覚えておきたいReactの実装でよく使う基本的な構文（書き方）

とりあえず何か作ってみる！！

1. TypeScriptでReactを書く – webpackを使った開発環境の構築方法
   ↑めちゃわかりやすい
   1. npmを使用するのでnode.jsをインストールしとく
      https://qiita.com/akakuro43/items/600e7e4695588ab2958d
   2. node.jsインストールでディレクトリ無いって怒られる
      https://blog.yug1224.com/archives/5693a5e0fef2539c7d5b149d
2. ディレクトリ、ファイルをクラス毎に分けるために以下リンクのES6module方式を利用
   TypeScript超入門(3)：モジュール

非同期通信（ajax）も絡めて何か動かしたい

1. ページアクセス時にReactで画面に何か表示
2. 画面上の操作を契機に裏でajaxが動くような何か

上記の課題を自分に与えてとりあえずなんだか動くものは出来た。
https://github.com/shintaro123/typescript_react

非同期通信が無限ループして焦ったが以下を参考に取り急ぎ回避
Reactで宣言的に書けないサーバー通信

今後の調査対象

何も考えず動くもの作ったけど、時間見つけて以下ちゃんと勉強しよう

1. stateで何を持つか、何をpropsで渡すかの明確な設計指針
2. 非同期通信の無限ループ問題の正解検討
3. どこまでテンプレートで、どこまでReactにするのか指針
4. Fluxというキーワードがちょくちょく出てくる。これも調べたい。
5. そもそもTypeScriptちゃんと勉強しよう。。