meguro es7
TRANSCRIPT
React を触ったことない人がReactNative を開発できるようになるまでの道筋
Meguro.es #7 2016/12/8
自己紹介田上 健太
Web Programmer
Ruby on RailsReactRust
田中 TOM
オープンソースで運営されているプログラミング学習サイト学習者がそのままコミッターになるので開発も盛ん
昨日酒に酔って書いたブログカレシ・カノジョできないエンジニア Advent Calendar 2016
http://qiita.com/advent-calendar/2016/give_me_kareshi
最近 React Native はじめました
ところで、この記事読みました？
【翻訳】 2016 年に JavaScript を学んでどう感じたか - Endo Tech Bloghttp://kikuchi1201.hateblo.jp/entry/2016/10/26/172404
とあるオフィス久しぶりに Javascript 使ってフロントエンドの開発がしたいんだけど確か詳しいよね？
おうなんでも聞いてくれ !
早速だけど、jQuery 使ってここのデータを書き換えようとしているんだけど
おいおい冗談だろ。今どき jQuery なんて誰も使ってないよ。今は 2016 年なんだから、まず React を学ぶべきだ。
そうなんだ。ところで React って ?
React は Facebook が作ったイケてるライブラリさ。React を使うとビューの変更を簡単に扱うことができて、統制が取れ、パフォーマンスもいいんだ。
へぇ～いいね。じゃ、 React を使う事でサーバからデータを表示する事はできるのかな ?
もちろん、でもまず最初に、君の web ページに React と ReactDOM が必要だね。
ちょっと待ってくれよ、何で 2 つもライブラリが必要なんだ ?
1 つは本当に只のライブラリで、2 つめは JSX で記述する事ができて、
DOM を操作する為なんだ。
JSX?JSX って何 ?
その後も会話は続く
Babelnpm
ES5
Browserify
ES2016+
SystemJS
Webpack
TypeScript
これが React(Native) 関連限定だとしても
Redux
Actions
Components
Containers
Dispatcher
Store
Reducers
Flux
登場人物多すぎてもぅﾏﾁﾞ無理。
私が React Native を学習した方法
動画学習サイトudemy
今まで動画でのプログラミング学習は諦めてた• ○○○ インストールみたいなサイトでは基礎は学べるけど、そこから自分のオリジルナルを作れるレベルまで達しない内容の場合が多い• 適したコンテンツを探すのが面倒で評価も分かりにくい• MOOC も無料だけど基本初級者向けだったりする
けどね udemy だったら• 新しい言語とかフレームワークの講座もあったりして新しい技術を学習しやすい Elixer で Phoenix とか• 難易度も始めて触る人レベルから、 es6 かけて当たり前でフレームワークだけガツガツ触っていくぞの範囲が広い• 評価と学んでいる人の総数がわかるので、優れた講座なのかもわかる• 英語だけど、結局はプログラミングなので、理解できる ( 気がする )• 一緒にコードを書いていくので、どこに変更があったかが分かりやすい
利用した動画よかったところ
・最初は React のみで実装。その後に Reduxを組んで実装しているので、 Redux の登場人物の違いが理解しやすい・ React 用のテンプレートレポジトリを用意してくれていて、自分で作り始める時に使えるhttps://github.com/StephenGrider/ReduxSimpleStarter
利用した動画 2よかったところ
・サンプルアプリの index.ios.js をいきなり全部消して 1 からコードの説明をしてくれる・ React と React Native の違いなども説明してくれる
まとめ• 動画学習というプログラミング学習の新たなスタイルの可能性を感じた• デメリット
• 以前視聴した部分を探すときに、動画なので検索しにくい• 値段が高い ( 動画 1 レッスンが技術本と同じくらいの値段まで下がれば動画を選ぶと思う )
ちなみに
みんなが udemy で購入しても一銭も入らないよ。世知辛いね。
Have a nice code!