おためし受講中

React.js入門 -2回目-

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

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

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

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

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

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

学生代表

  • 徳田 葵

    徳田 葵

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

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

    生放送授業への参加は無料です
    Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
    ×