chevron_left

React.js実践入門

PREMIUM

スライド資料

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

1 / 70

授業の概要

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

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

こんな人にオススメ

React.jsは分かるがまだテストを書けていない人

チャプター

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