私はweb uiの面で洞窟人です - 私はnpm/nodejsやその他の優れたインフラストラクチャがなくても好きです。私は昔のようなテキストファイルにすべてを必要とします:HTMLページとのやりとり/リンクとそれが完了しました。 semantic-ui + ReactJSの組み合わせでは、このような洞窟アプローチが可能ですか?つまり、フロントエンドが動作するためのnpm/nodes/otherサーバーコードがないことを意味しますか?洞窟の人間はSemantic-UI + ReactJSを利用できますか?
1
A
答えて
1
あなたは常に「パッケージのあなたのhtmlページのヘッダ内のスクリプトタグとして希望を置くことによって、NPM/nodejs /バンドルを使用してスキップすることができます
これは始めるために便利なツールです。これにより、余分なライブラリを手に入れることができますが、単純なままにしたい場合は、バンドリングやトランスリンギングを必要としません。あなたが言及したように、これは標準であった方法ですが、それでも問題なく動作します。ここでは例として
は、NPMせずにどのように反応するかを使用することです:
:次に反応し使用するためのJSのコードは次のようになります<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://unpkg.com/[email protected]/dist/react.js"></script>
<script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script>
</head>
<body>
<div id="root"></div>
</body>
</script>
</html>
あなたのHTMLは次のようになります。
const Child =() => <div>Child</div>
const Parent =() => {
return (
<div>
Parent
<Child />
</div>
)
}
ReactDOM.render(
<Parent />,
document.getElementById('root')
);
この回答は、npmをスキップしてまとめてバンドルする場合に特に役立ちます。私は間違いなくあなたがあなたの設定/バンドリング/ transpilingを行うことを持っていると大丈夫であれば、create-react-appをチェックアウトすることをお勧めします。
1
私はあなたの質問を理解している場合、答えははいですと思います。 react(セマンティックUIのようなcss lib)を使用する方法の1つは、静的なホスティングサービス(すべてのテキストファイル、古い時代のようなもの)で非常に簡単にホスティングできる静的なビルドを生成することです。ただし、開発中にnpmとnodeを使用するのが一般的です。 https://github.com/facebookincubator/create-react-app
関連する問題
- 1. 2Dタイルベースの洞窟生成器
- 2. コード洞窟を使用して64ビットDLLを注入
- 3. 3D無限洞窟の手続き生成
- 4. コード洞窟で64bit jmpを計算する#
- 5. ReactJS:小道具はすぐに利用できませんか?
- 6. ドンカーでSemanticUIを使用
- 7. uitextfieldが洞窟のように見えるようにするにはどうすればよいですか?
- 8. WebRTC SDPブロブはピア間で再利用できますか?
- 9. Racketを商用利用している人はいますか?
- 10. IndexedDBのデータはブラウザ間で利用できるのですか?
- 11. OS-es間でsshキーを再利用できますか?
- 12. アプリケーション間でコンポーネントを再利用することはできますか?
- 13. カプセルコライダーUnity 5の一人称キャラクター設定では利用できません
- 14. Dart VMは利用できますか?
- 15. 私のアプリケーションは世界中で利用できますか、私の国でのみ利用できますか?
- 16. AngularjsとSemanticUI issue
- 17. Vueの2.0とSemanticUIプログレスバー
- 18. ReactJsの再利用可能なモード
- 19. 音声合成に人間の入力を利用するFLOSSプロジェクトはありますか?
- 20. Apache Igniteレプリケートキャッシュはクライアント間で利用できません
- 21. Grid.columns.editableは利用できませんどこが間違っていますか?
- 22. multer保存ファイルはどれくらいの期間利用できますか?
- 23. 利用可能なStanfordCoreNLPフランスモデルは、どのtreebankで利用できますか?
- 24. Unsplashオブジェクトメソッドはコンソールからは利用できますが、ビューからは利用できません
- 25. pop11言語を商用利用している人はいますか?
- 26. openssl x509storeを別々のsslコンテキスト間で再利用できますか?
- 27. Keras:CuDNNは利用できませんか?
- 28. 小包データからReactjsドロップダウンリストの人口
- 29. appとautoUpdaterはreactjsでは使用できませんが、nodejsで利用可能
- 30. Sparkでは、2人のエグゼキュータの間でデータを共有できますか?
[この](http://jsbin.com/cesupobiqa/edit?html,js,console,output)のようなもの - あなたはsemantic-UI =を見逃していました) – DuckQueen