第3回 Reactハンズオン 初等部編
-
- いいね！0
atsuco
@atsuco_02
containers/home/index.js containers/list/index.jsをそれぞれ作ります #frontend_temple
2016-10-29 14:40:37
atsuco
@atsuco_02
containers/hoge/index.jsとページを置いていくのがReactのお約束 #frontend_temple
2016-10-29 14:41:10
atsuco
@atsuco_02
読み込むパーツ部分の書き方がJSXになっていて、組み合わせて読み込んで画面を作るのがReact #frontend_temple
2016-10-29 14:47:57
atsuco
@atsuco_02
home/index.js list/index.jsの中身は、遷移したことがわかるような内容であればOK！余裕があれば好きに書き換えてみましょう #frontend_temple
2016-10-29 14:48:53
atsuco
@atsuco_02
render() {return ()}の中身は、直下に一つのエレメントしか置けないので、複数返したい場合はdiv等で囲みましょう #frontend_temple
2016-10-29 14:49:58
atsuco
@atsuco_02
懇親会の用意をするスタッフです #frontend_temple pic.twitter.com/ClvuU4h2r1
2016-10-29 14:53:55
拡大
atsuco
@atsuco_02
scripts/containers/app/index.jsを新しく作ってもごもごしていきます #frontend_temple
2016-10-29 15:08:46
atsuco
@atsuco_02
そろそろ上手く行っていないとエラーが出るのでコンソールを見つつ怪しければチューターを呼びましょう！ #frontend_temple
2016-10-29 15:11:08
atsuco
@atsuco_02
やったぜ！ 今日もパイナップルピザが食べたい人です( ˘ω˘) #frontend_temple twitter.com/cangineer/stat…
2016-10-29 15:11:39
atsuco
@atsuco_02
「routeのパスがhogeだった場合、fugaを表示する」といった書き方で遷移が出来ます #frontend_temple
2016-10-29 15:32:08
atsuco
@atsuco_02
react-routerはパスを入れ子に出来るので、/hoge/fuga/...みたいなこともできます #frontend_temple
2016-10-29 15:33:07