おためし受講中

React.js実践入門 -テストを書こう-

第4回は「テスト」について解説します。

React.jsはテスト周りのツールが充実しています。それらのツールの使い方や、どういうテスト書けばよいかなど、サンプルを交えながら解説します。

学生代表

  • 江川 みどり

    江川 みどり

    スクー放送部

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    授業の概要
    自己紹介
    00:23  (00:49 ~ )
    環境について
    00:23  (01:12 ~ )
    もくじ
    00:48  (01:35 ~ )
    【先生からの質問】 JavaScriptで テストを書いていますか? (書いたことがありますか?)
    02:55  (02:23 ~ )
    Jest
    00:57  (05:18 ~ )
    Jestの特徴
    01:29  (06:15 ~ )
    なぜJest?
    01:18  (07:44 ~ )
    実行
    00:45  (09:02 ~ )
    監視モード
    01:31  (09:47 ~ )
    Babelの対応
    00:42  (11:18 ~ )
    create-react-appの場合
    01:27  (12:00 ~ )
    JestのAPI
    07:21  (13:27 ~ )
    モック
    11:21  (20:48 ~ )
    React.jsのテスト
    00:12  (32:09 ~ )
    React Test Utils
    00:39  (32:21 ~ )
    React Test UtilsのAPI
    10:39  (33:00 ~ )
    Jestの Snap Shot Testing機能
    03:57  (43:39 ~ )
    enzyme
    00:50  (47:36 ~ )
    enzymeのAPI
    00:35  (48:26 ~ )
    Shallow RenderingとFull Rendering
    01:38  (49:01 ~ )
    まとめ
    02:55  (50:39 ~ )
    質疑応答
    Q.P51の5行目でバッククォーテーションを使っているのは展開という意味ですか
    00:35  (53:50 ~ )
    Q.reactはフレームワークを使うと、アプリ制作も問い合わせフォームなどのサーバサイドもすべてできると聞きます。 ただ、フリーのWEBデザイナーだとレンサバ側がapachの環境しかなく、AWSなどを使って自分でサーバの構築、OSなどの管理をずっと行わないと、 サーバサイドをJSで済ますことが不可能なので、PHPしか選択肢が当分ないと聞きますが、PHPのように簡単に使える環境をご存じないでしょうか?
    02:15  (54:25 ~ )
    Q.バックエンドのトラブル回避をするようなフェイクテストライブラリとかありますか
    01:56  (56:40 ~ )
    Q.jQueryのajaxを使った、例えばECサイトのカート画面にReactを少しずつ導入するうまい方法などあったりしますでしょうか?全部一気に書き換えるのは途中で挫折しそうで、、
      (58:36 ~ )