chevron_left

React.js入門
PREMIUM
第1回

React.js入門 -1回目-

2016年8月28日 60min
React.js入門 -1回目- play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 39

授業の概要

この授業では、Webのフロントエンド開発では定番になりつつあるReact.jsにの基礎を5回に渡って学びます。

React.jsが日本で注目されるようになってから約3年が経ち、実践でReact.jsを使うサービスもかなり増えてきました。一方で、Webのフロントエンドは流行の移り変わりが早く、また開発環境も複雑化しており、React.jsを触ってみたいけどなかなか手を出せないという方も多いのでは無いでしょうか？

React.jsとは何か？、その特徴と多くのエンジニアに支持されている背景から、実際に簡単なWebアプリを作成できるところまで、なるべくシンプルに学んでいきます。

第1回は、React.jsとは何か？、その特徴と支持されている背景について学び、React.jsでHello, Worldを作成していきます。

■授業のアジェンダ（予定）
- 事前準備
- React.jsとは？
- なぜReact.jsか？
- Hello, World
- JSX

こんな人にオススメ

React.jsが気になっていたがきっかけがなく、まだ手を出せていないエンジニア

担当の先生／パーソナリティ

授業で使用する教材

※授業以外での使用は禁止します

チャプター

play_arrow
自己紹介
00:34
play_arrow
事前準備
00:47
play_arrow
質問：React.jsについてどのくらい知っていますか？
02:15
play_arrow
授業のゴール・対象者
01:01
play_arrow
授業の流れ
00:27
play_arrow
React.jsとは？
02:00
play_arrow
サンプルコードを見てみよう
00:48
play_arrow
Hello Worldを出してみよう
04:25
play_arrow
独自のタグを利用しよう
04:21
play_arrow
入力した内容を反映させよう
08:21
play_arrow
React.jsの特徴
04:06
play_arrow
JSXとは？
02:54
play_arrow
JSXへの変換方法
02:44
play_arrow
JSXの文法
06:46
play_arrow
まとめ
00:44
play_arrow
Q.jQueryとReact.jsとを混ぜて使うことは可能でしょうか?
01:08
play_arrow
Q.他の言語ではなく、Reactが利用される理由は何故でしょうか？何か優位性があるのでしょうか？
01:24
play_arrow
Q.小コンポーネントにhoge={fuga:
00:47
play_arrow
Q.React.jsがプログラマーに大変有益なことはもちろんだと思いますが、 フリーで小規模サイト制作をしている程度のwebデザイナーを目指す場合は、 jQuery、バニラJSをbabelで使うなどの選択肢もあり迷います。 それくらいであれば、難しいReactではなく上記二つでも十分でしょうか？ もちろんプロのプログラマーはアプリ制作までできるReact必須ということは、間違いないと思いますが。
01:39
play_arrow
Q.マークアップが分断されて可読性が良くないですね... マークアップコーダーには敷居が高くないですか？ 現場では随分ワークフローが変わりそうですが、どういう風に分業してますか？
01:49
play_arrow
Q.angularとReactの比較を聞きたいです
01:21
play_arrow
Q.React.jsと組み合わせるJSのライブラリはどのようなものがあるのでしょうか？
01:13
play_arrow
Q.React使ってるwebアプリ？とかサイトとかの事例があれば見てみたい
01:43
play_arrow
Q.contoroller側をangular、view側をreact…なんてことも可能なのでしょうか？
01:16
play_arrow
Q.授業に関係ないですが（
00:39
play_arrow
お知らせ