再描画による「遅い」Reactコンポーネントを速くするための方法を検討しました。追体験しながらどうぞ。 処理結果が変わるようなデータを内部に保持していないステートレスなコンポーネントを解説します。つまりthis.state ={...} を含まないコーポネントです。与えられたプロパティと、下位のコンポーネントを持ちます。 まずは超基本 import React, { Component } fro…

Peter Bengtsson

Peter Bengtsson

フルスタックのWeb開発者で、MozillaのWebエンジニアリングチームの一員です。爆速で楽しいWebアプリの製作に情熱を注ぎ、15年以上にわたりオープンソースのソフトウェアを公開し続けています。新たな試みはwww.peterbe.comを見てください。

Loading...

「用意されたUIパーツが足りなかった」「運用中のUIのメンテナンスが困難」。Reactアプリの開発ならReact Stroybookで問題を解決できるかもしれません。 フロントエンドのプロジェクトを始めるとき、きれいなデザインを考えることから始めます。細心の注意を払って、UI部品とステートやエフェクトを考えて描いていくでしょう。しかし、開発の最中でも次々に変更が発生します。新たな要求、予測していな…

Copyright © 2017, Pavels Jelisejevs All Rights Reserved.

Pavels Jelisejevs

Pavels Jelisejevs

ラトビア、リガ出身のソフトウェア開発者で、Web全般に強い関心を持っています。興味の対象は、分析やオートメーションをはじめ、バックエンド・フロントエンド開発もしています。FacebookまたはLinkedInでいつでも相談に応じています。

Loading...

「生まれ変わったFacebook製テストフレームワーク「Jest」とは何か?」に続き、テストフレームワーク「Jest」を使ったReactコンポーネントのテスト方法について解説します。特に、スナップショットを使ったテスト方法は必読です。 Reactコンポーネントをテストする 注目すべきは、デフォルトではReactコンポーネントにあまりたくさんテストを記述しすぎない方が良いことです。ビジネスロジックな…

Copyright © 2016, Jack Franklin All Rights Reserved.

Jack Franklin

Jack Franklin

ロンドンで働くJavaScriptとRubyの開発者です。ツール作成、ES2015、ReactJSに重点的に取り組んでいます。

Loading...

長らく停滞していたFacebook製のJavaScriptテストフレーム「Jest」が息を吹き返しています。概要とサンプルを使ったテストの手順を紹介します。JavaScript PlaygroundのJack Franklinによる特別寄稿です。 この記事ではFacebookが開発したテストフレームワークJestを使い、ReactJSコンポーネントをテストする方法を説明します。Jestの独創的な機…

Jack Franklin

Jack Franklin

ロンドンで働くJavaScriptとRubyの開発者です。ツール作成、ES2015、ReactJSに重点的に取り組んでいます。

Loading...