chevron_left React.js入門

React.js入門

PREMIUM

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

1 / 37

授業の概要

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

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

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

第2回は、Componentについて学びます。

■授業のアジェンダ(予定)

- Componentとは?
- Componentの作り方
- propsとstate
- ライフサイクルAPIについて

こんな人にオススメ

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

授業で使用する教材

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

チャプター

play_arrow
自己紹介
00:31
play_arrow
事前準備
00:35
play_arrow
今日の流れ
00:38
play_arrow
コンポーネントとは?
00:10
play_arrow
質問:どれがコンポーネントでしょうか?
05:28
play_arrow
コンポーネントの 作り方
04:12
play_arrow
簡単なコンポーネントは ステートレス関数コンポーネントで書こう
01:41
play_arrow
その他はReact.Componentで書こう
01:36
play_arrow
propsとstate
00:15
play_arrow
propsとは
04:41
play_arrow
stateとは
10:02
play_arrow
ライフサイクルAPI
07:02
play_arrow
shouldComponentUpdateとは
04:30
play_arrow
まとめ
01:07
play_arrow
Q.Visual Stdio CodeのExtensionをJSXで検索したところ、5つ出てきました。どれをインストールすれば良いかご存知の方いらっしゃいませんか?
02:45
play_arrow
Q.スライドショーは、パララックスなどjQuery、バニラJSのプラグインは山ほどありますが、 React.jsは新しいのでこれからたくさん出てくると思いますが、現状フリーのWEBデザイナーが、 実務で困らないくらいの、プラグインは既にありますでしょうか? ないしは難しいReactがわかれば上記二つのソースコードは十分理解できるので、それらのプラグインを使えば、 問題ないと考えられるでしょうか?
01:47
play_arrow
Q.reactと組み合わせるmvc的なフレームワークで、おすすめがあれば教えて下さい!
01:25
play_arrow
Q.入社1年目のJS未経験(PHP経験はあるがオブジェクト指向はあやしい)の新人君に、いきなりReact(JSX)はありでしょうか?
01:05
play_arrow
Q.個人的には、altJSが乱立している現状では、やはり技術のベースとなるJSのをしっかり学んでおくほうが良いし、 いきなりはやっぱりつらいような気がしますが、先生のお考えをお聞かせいだだければと思います。
02:25
play_arrow
Q.この授業でついていけてない人は、そんな人はどういう順番で勉強していけばよいですか?
02:47
play_arrow
お知らせ