第3回 Reactハンズオン 初等部編

2016/10/29開催された第3回 Reactハンズオン 初等部編のまとめ http://frontend-temple.connpass.com/event/42971/
0
atsuco @atsuco_02

ブラウザヒストリーとハッシュヒストリーとは #frontend_temple

2016-10-29 14:24:19
ユタマこたろう @YutamaKotaro

browserHistoryめんどくさいときありますが、見た目的に意味合いがわかりやすいのでいいですよね #frontend_temple

2016-10-29 14:24:25
atsuco @atsuco_02

Reactでその他ルーティングするには、ui-routerがあるけどちょっと大変…… #frontend_temple

2016-10-29 14:25:11
atsuco @atsuco_02

ui-routerはreact-routerに比べてコード量が増えちゃう #frontend_temple

2016-10-29 14:25:37
atsuco @atsuco_02

今回はreact-router v2を使いますが、v4では結構書き方が変わるらしいです #frontend_temple

2016-10-29 14:26:44
atsuco @atsuco_02

「react-routerのv3はどこにいったかはわからないです」 #frontend_temple

2016-10-29 14:27:46
atsuco @atsuco_02

react-routerのv3はありましたが、次はv4ということになっています が、正式リリースはまだで結構発展途上感あるので勉強するにはv2がよいようです #frontend_temple

2016-10-29 14:29:22
atsuco @atsuco_02

v4の書き方をキャッチアップしておくのもいいですね( ˘ω˘) #frontend_temple

2016-10-29 14:29:38
ナユ @nayucolony

SPAは単一htmlなので、urlは変わらないんだけど、なんとなく遷移する感じをいい感じに実装するのがreact-router? #frontend_temple

2016-10-29 14:29:47
atsuco @atsuco_02

お手本をカスタマイズしてページ遷移させてみましょう #frontend_temple

2016-10-29 14:35:11
atsuco @atsuco_02

今回は/scripts/以下を編集していきます #frontend_temple

2016-10-29 14:36:26
bg @bitgleams

ハッシュタグメモ。今日はめっちゃ多い。 #frontend_temple #a11ytokyo #wcan #wcanA #wcanB #wcanC #uilab #csstalk #cssnite WCANは複数トラック。CSS Niteは広島。

2016-10-29 14:36:37
atsuco @atsuco_02

scripts, components, src等、お名前は自由に(今回はscriptsですよ) #frontend_temple

2016-10-29 14:37:25
きむゆう @cangineer

何かあれば、お気軽に周りのチューターお呼び!⁰ #frontend_temple

2016-10-29 14:38:27
atsuco @atsuco_02

materialUI、babel loaderなど入っていますが、特に意識しないで大丈夫だそうです( ˘ω˘) #frontend_temple

2016-10-29 14:38:52
atsuco @atsuco_02

まずは遷移するようのページを作ります #frontend_temple

2016-10-29 14:39:02
ナユ @nayucolony

まずhomeという画面とlistという画面を行き来するのが目標です。SPA故にurlは一つしかないのに、画面遷移とかどうやんの?ってやつです。 #frontend_temple

2016-10-29 14:40:03