フロントエンド、ほぼやったことない人がReact.jsに入門するためにやったことのまとめです。
1週間でReactにほぼ0から入門する@udayan28WeJS 2018/12/20
View Slide
自己紹介Webエンジニア@Findyできたてホヤホヤエンジニア(1ヶ月弱)本と映画が好き
話すこと、話さないこと話すことどうやってフロントエンドほぼ未経験でReact学習までもっていったか話さないこと技術の細かいところ
12月某日エンジニアになれたし、初心者LT申し込むか!抽選か〜〜〜
当たった!!!
当時の状況Webエンジニア歴 2週間Rails完全に理解した!(業務で簡単な実装に四苦八苦)フロントエンドとは???(.erbなら見たことある)
「React完全に理解した!」まで1週間で持っていきたい(そうしないと発表内容が無い)
やるしかない・・・
なにを???
なんとなく聞いたことあるやつHTML5とCSS3?JavaScript(ES5以前/ES6以降), TypeScript??React.js、Vue.js???(jQuery?)
と、とりあえず、JavaScript!
本屋に行ってみる(本が好きなので・・・)
何を購入して良いのか分からずWebデザイン系の本が多い・・・全体的にちょっと古い・・・
ググる
ドキュメントがどこにあるのか分からないプログラミングスクールの記事や正確なのか分からない記事がたくさん出てくる・・・何が公式ドキュメントなのか・・・PythonやRubyのように.orgのサイトがない・・・
どうしようもないのでReactへ
とりあえずチュートリアル!
ガイドへの誘導を発見!
Mozillaのドキュメントサイト!話題のFirefoxのドキュメントだし、信頼できそうHTML, CSS, JavaScript全般が学べるES6以降の内容も載ってるっぽい!!!
これでいいじゃん!
入り交じる日本語と英語のページ
なんとか入門done
あれ?
ES6は?MDN内の初心者ページには見つけられず・・・
先人の方々のまとめが!
Reactで多用されるものをざっと読むlet, constアロー関数Classその他も軽く頭に入れておく
準備は整った!
いざReactチュートリアルへ!
な、なんとなく分かるぞ!JSX(JSに全部突っ込んだやつ)Component (部品)props(投げるやつ)state(投げるやつに入ってるやつ)
チュートリアルdone
React完全に理解した...?
0からReactへ入門するための道筋MDNのWeb入門を読む(全くの初心者は書籍の方が良いかも)Qiita等でES6以降のJS知識を手に入れつつ、MDN内でググるReactチュートリアルをやってみる
感想結構しんどかった・・・(睡眠不足含め)フロントエンドへの苦手意識が結構消えた(はず)業務でバリバリ書けるぜ!ではないが、なんとか調べることはできる!絶対、Vueの方がわかりやすい(泣)
最後にフロントエンドにどう入門して良いのか分からず、自分で見つけたひとつの解なので、もっと良い方法があったら教えてください!
おまけ
この資料を作っていたらReactからメールが・・・
React Developerへのロードマップあるよ!
ありがとうございました!