Html 是语义UI+;一个洞穴人能得到什么?

Html 是语义UI+;一个洞穴人能得到什么?,html,reactjs,user-interface,Html,Reactjs,User Interface,就web ui而言,我是一个穴居人——我喜欢没有npm/NodeJ和其他漂亮的基础设施的一切。我希望所有内容都像以前一样放在文本文件中:包含/链接HTML页面中的内容,就这样完成了。语义ui+ReactJS组合是否可能采用这种cave方法,即没有npm/节点/其他服务器代码供我的前端工作?如果我理解你的问题,我想答案是肯定的。使用react(以及任何css库,如semanticui)的方法之一是生成一个静态构建,该构建可以非常简单地托管在任何静态托管服务上(所有文本文件,如以前)。然而,在开发过

就web ui而言,我是一个穴居人——我喜欢没有npm/NodeJ和其他漂亮的基础设施的一切。我希望所有内容都像以前一样放在文本文件中:包含/链接HTML页面中的内容,就这样完成了。语义ui+ReactJS组合是否可能采用这种cave方法,即没有npm/节点/其他服务器代码供我的前端工作?

如果我理解你的问题,我想答案是肯定的。使用react(以及任何css库,如semanticui)的方法之一是生成一个静态构建,该构建可以非常简单地托管在任何静态托管服务上(所有文本文件,如以前)。然而,在开发过程中使用npm和node是很常见的


这是一个有用的入门工具:

您可以通过将所需的“包”作为脚本标记放在html页面的标题中,跳过使用npm/nodejs/bundling。这仍然允许您获取所需的额外库,但这意味着您不需要捆绑和传输,如果您想保持简单的话。就像你提到的,这是以前的标准,现在仍然很好

例如,以下是如何在没有npm的情况下使用react:

您的HTML将如下所示:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://unpkg.com/react@15.1.0/dist/react.js"></script>
  <script src="https://unpkg.com/react-dom@15.1.0/dist/react-dom.js"></script>
</head>
<body>
  <div id="root"></div>
</body>
</script>
</html>
const Child = () => <div>Child</div>

const Parent = () => {
  return (
    <div>
      Parent
      <Child />
    </div>
  )
}

ReactDOM.render(
  <Parent />,
  document.getElementById('root')
);

JS-Bin
然后,使用react的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/react@15.1.0/dist/react.js"></script>
  <script src="https://unpkg.com/react-dom@15.1.0/dist/react-dom.js"></script>
</head>
<body>
  <div id="root"></div>
</body>
</script>
</html>
const Child = () => <div>Child</div>

const Parent = () => {
  return (
    <div>
      Parent
      <Child />
    </div>
  )
}

ReactDOM.render(
  <Parent />,
  document.getElementById('root')
);
constchild=()=>Child
常量父项=()=>{
返回(
父母亲
)
}
ReactDOM.render(
,
document.getElementById('root'))
);
如果您想跳过npm并将其捆绑在一起,那么这个答案是专门针对您的。如果您愿意让CreateReact应用程序为您进行配置/捆绑/传输,我绝对建议您查看它。

更像是-您错过了语义UI=)