タグ

ブックマーク / ja.reactjs.org (3)

  • テスト環境 – React

    このドキュメントではあなたの環境に影響する要素や、いくつかのシナリオにおける推奨事項について概説します。 テストランナー Jest、mocha、ava のようなテストランナーを使えば、標準的な JavaScript を使ってテストスイートを書き、開発プロセスの一環として実行できるようにできます。加えて、テストスイートは継続的インテグレーションの一部としても実行されます。 Jest は React プロジェクトとの広範な互換性を有しており、モジュールやタイマーのモック、jsdom のサポートを有しています。Create React App を使っている場合、Jest は有用なデフォルト値とともに追加設定なしでインストールされます。 mocha のようなライブラリは実際のブラウザ環境でうまく動作するため、それが必要なテストでは有用でしょう。 End-to-end テストは複数のページにまたがる

    テスト環境 – React
    mizdra
    mizdra 2020/10/21
    React のテストに利用可能な環境について。jsdom からヘッドレスブラウザまで。
  • パフォーマンス最適化 – React

    この記事は古くなっており、今後更新されません。新しい React語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントで最新の React の使い方が学べます。 memo: props が変更されていない場合に再レンダーをスキップする ReactUI の更新時に必要となる高コストな DOM 操作の回数を最小化するために、内部的にいくつかの賢いテクニックを使用しています。多くのアプリケーションでは React を使用するだけで、パフォーマンス向上のための特別な最適化を苦労して行わなくても、レスポンスの良いユーザインターフェースを実現できますが、それでもなお、React アプリケーションを高速化するための方法はいくつか存在します。 番用ビルドを使用する React アプリケーションでベンチマークを行う場合やパフォーマンスの問題が発生している場

    パフォーマンス最適化 – React
  • React の流儀 – React

    この記事は古くなっており、今後更新されません。新しい React語ドキュメントである ja.react.dev をご利用ください。 新しいバージョンの React の流儀では、最新の React の使い方がライブサンプル付きで学べます。 巨大で軽快な Web アプリを開発する場合に、React は最高の手段であると、私たちは考えています。Facebook や Instagram といった私たちのサービスにおいても、とてもよくスケールしています。 React のすばらしい特長がいくつもありますが、あなたがどんなアプリを作ろうかと考えたことが、そのままアプリの作り方になる、というのはそのひとつです。ドキュメントでは、検索可能な商品データ表を React で作っていく様子をお見せしましょう。 モックから始めよう すでに、JSON API が実装済みで、デザイナーからもデザインモックがもら

    React の流儀 – React
    mizdra
    mizdra 2019/11/02
    コンポーネントを段階的に設計していく方法が丁寧に説明されていて良い
  • 1