混合反応成分

Question

私は開発にかなり新しいです。今は私の自由時間にウェブアプリケーションで作業しています。 バックエンドはPythonで書かれます（ここで私は最高の経験を持っています）。

コンポーネントに反応混合へのアイデアはどのように良いです： のような：https://github.com/brillout/awesome-react-components

私の考えでは、これらのコンポーネントを使用したり、他の人が（例えばスライドショーまたは何でも）私のためのコンポーネントを作成できるようにした

質問は、これは良いアイデアですか？これでオーバーヘッドが大きくなるのではないかと心配しています。たとえば、コンポーネントの1つはブートストラップに基づいており、もう1つはファンデーションに基づいています（私は経験したことがないので、実際に実際に起こるかどうかは判断できません）。

ありがとうございます！

Answer 1

リアクトコンポーネントのアイデアは、ユーザーが定義できるコードの最小の部分を持っていることです。

しかし、ブートストラップやファンデーションのような異なるCSSフレームワークを混ぜることは、ベストセラーのようには思えません。もちろん、既成のコンポーネント（React-Bootstrapなど）を独自のカスタムコンポーネントと混在させることもできますが、理想的には1つのフレームワークを選択してそれに固執するのが理想的です。

リアクションについての良いことは、すべてをリファクタリングする必要なくフレームワークを切り替える可能性があることです。

たとえば、Sliderというカスタムコンポーネントがあるとします。後でMaterialUIを使用する場合は、構成に応じて、import Slider from "./Slider"からimport Slider from "material-ui/Slider"にインポートを変更するだけで、残りのコードは変更されません。

Answer 2

リアクトの主要なキーの1つは、構成性です！

とのWebPACKで、あなたのバンドルを分割することができますので、あなたのコードは、軽量化することができ...

Answer 3

CSS/UIフレームワークを選び、それに固執する。最近私はセマンティックUIを使って作業しており、Reactとの良好な統合を持っています。http://react.semantic-ui.com/

素晴らしいです！ :)

さらに、独自のカスタムコンポーネントを構築することもできます。

プロジェクトにフレームワーク全体を追加することは負担が大きいと思われる場合は、すべてをゼロから自分のものにすることができます。 （コンポーネントのCSSフレームワーククラスを使用する（1）または独自のCSSクラスを定義する（2））

また、矛盾がある可能性があるため、CSSフレームワークを混在させないことに同意します。それは楽しいことではありません！私のプロジェクトでは、ブートストラップはセマンティックUIと競合していたので、私はちょうど後者に固執しました。