84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
卒業生の先輩、卒業後、インターン先の会社で働いていましたが、部長から課題を与えられ、構成可能な Visual React コンポーネントを書くように言われましたが、この構成可能なコンポーネントの意味がよくわかりません現在、Three.js をコアとして echarts のような構成型の反応コンポーネントを作成する予定ですが、まだ混乱しています。ここ数日、コードを書いたり削除したりしていましたが、まだできていません。構成可能性について理解していません。非常に明確です。
簡単に言うと、視覚化の最も一般的な媒体は、canvas (echart など)、svg (d3 など)、または WebGL (Three.js など) に基づいているかに関係なく、グラフィック チャートを作成するのが主な仕事です。チャートは適切なデータとパラメータを渡すことを目的としています。
React に関して言えば、当然のことながら、使用するにはさまざまなチャート タイプをコンポーネントにカプセル化する必要があり、コンポーネントはすべて状態駆動型です。つまり、渡された状態の変更によってコンポーネントが再レンダリングされ、ビジュアルパフォーマンスはいわゆる「リアルタイム更新」です。
つまり、「構成可能」とは、コンポーネント内でデータとパラメーターをハードコーディングできないが、パラメーターの受け渡しを通じてこれらのチャート コンポーネントをレンダリングするようにコンポーネントを合理的に設計できることを意味します。望ましい効果は、コンポーネントの内部実装 (チャートのアセンブリとレンダリング プロセス) が非表示になり、コンポーネントの特定のプレゼンテーションを決定するデータをパラメーターを通じて渡すことができるため、より高いスケーラビリティ、保守性、可読性、再利用性が実現されることです。 、など。
この考え方に従えば問題ありませんが、途中で多くの詳細を扱うことになり、あなたの設計能力も試されます (つまり、コードとインターフェイスの設計)。最も単純なことから始めましょう。最も基本的な棒/縦棒グラフ。系列データ、X/Y 軸、ラベル、単位、スケール、凡例などの基本属性をパラメータを通じて渡すことができ、コンポーネントは自動的に更新されます。パラメータが変化します。
必要なのは監督からの一言だけですか?他に書類はありませんか?
簡単に言うと、視覚化の最も一般的な媒体は、canvas (echart など)、svg (d3 など)、または WebGL (Three.js など) に基づいているかに関係なく、グラフィック チャートを作成するのが主な仕事です。チャートは適切なデータとパラメータを渡すことを目的としています。
React に関して言えば、当然のことながら、使用するにはさまざまなチャート タイプをコンポーネントにカプセル化する必要があり、コンポーネントはすべて状態駆動型です。つまり、渡された状態の変更によってコンポーネントが再レンダリングされ、ビジュアルパフォーマンスはいわゆる「リアルタイム更新」です。
つまり、「構成可能」とは、コンポーネント内でデータとパラメーターをハードコーディングできないが、パラメーターの受け渡しを通じてこれらのチャート コンポーネントをレンダリングするようにコンポーネントを合理的に設計できることを意味します。望ましい効果は、コンポーネントの内部実装 (チャートのアセンブリとレンダリング プロセス) が非表示になり、コンポーネントの特定のプレゼンテーションを決定するデータをパラメーターを通じて渡すことができるため、より高いスケーラビリティ、保守性、可読性、再利用性が実現されることです。 、など。
この考え方に従えば問題ありませんが、途中で多くの詳細を扱うことになり、あなたの設計能力も試されます (つまり、コードとインターフェイスの設計)。最も単純なことから始めましょう。最も基本的な棒/縦棒グラフ。系列データ、X/Y 軸、ラベル、単位、スケール、凡例などの基本属性をパラメータを通じて渡すことができ、コンポーネントは自動的に更新されます。パラメータが変化します。
必要なのは監督からの一言だけですか?他に書類はありませんか?