問題タブ [react-starter-kit]

最新の React Starter Kit (Isomorphic) を使用してアプリケーションを構築していますが、問題が発生しています。アプリの多くには静的データが含まれているため、最初にサーバー側のレンダリングのみを使用していくつかのページを作成しました。

しかし、ボタンに onClick コールバックを追加するページを作成すると、コールバックが呼び出されませんでした。

しばらくして、Html 親コンポーネントに以下を追加することで動作させることができることがわかりました。

そして今、ページは正常に機能します。しかし、これは正しい解決策ではないと思います。"—release" でアプリをビルドすると、ハッシュ タグ付きの main.js (例: main.63635afefa6a.js) が生成され、デプロイしても見つからないためです。

ここで何が欠けていますか？

react starter kitを使用してアプリを構築しています。過去の反応アプリでは、react.setState を使用して DOM 要素の増分再レンダリングを常にトリガーしていました。

このスターター キットで使用されるステートレス関数コンポーネント パターンを使用する場合、状態の変化に基づいて dom 要素を再レンダリングするベスト プラクティスは何ですか?

私は ReactJS の世界には少し慣れていませんが、しばらくの間 Javascript でコーディングしています。デザイン パターンと OOP を使用する前に純粋な JS でコーディングしていたので、ReactJS が行っていることを気に入っているので、これは私にとって大きなアップグレードだと考えています。

私はいくつかのチュートリアルに従い、React について多くのことを読んだのでkriasoft/react-starter-kit、生産性を高めるために最初のアプリを使用して開始することになりました。また、react の「正しい」書き方についてのガイドラインを得ることができるのは良いことです。 .

React-Bootstrapを kriasoft の既存の Starter-kitに統合しようとして、行き詰まりました。

React-Bootstrap からさまざまなコンポーネント (ボタンなど) を簡単にインポートできます。

import Button from '../../../node_modules/react-bootstrap';

私自身のコンポーネントでは、私の問題は、それらの React-Bootstrap コンポーネントに css がないことです。

私はすでに React-Bootstrap 入門ガイドを読み終えましたが、何が間違っているのかを理解するほど頭が良くありませんでした。

react-bootstrapを使用し てインストールし$ npm install react-bootstrap --save ましたが、ブートストラップからコンパイルおよび縮小された最新の CSS をどこに含めるべきかわかりません

<link rel="stylesheet" href="maxcdn....blahblah....bootstrap.min.css">.

ガイドや直感を提供して、誰かがこれを設定するのを手伝ってくれたら素晴らしいでしょう.