什么是ReactJS以及如何将其与HTML代码一起使用?

时间:2017-01-25 12:54:28

标签: javascript html reactjs

我对“ReactJS”有基本了解,但没有深入了解。

React是Facebook开发的前端库。它用于处理Web和移动应用程序的视图层。 ReactJS允许我们创建可重用的UI组件。它目前是最受欢迎的JavaScript库之一,它背后有很强的基础和庞大的社区。

据我所知,我们需要在HTML中添加以下文件,但我不清楚如何使用它,在何处使用它,以及将ReactJS与HTML一起使用有什么好处。

<html>
<head>
  <title>Hello World with React</title>
</head>
<body>
  <script src="js/react-0.12.2.js"></script>
  <script src="js/JSXTransformer-0.12.2.js"></script>
  <script type="text/jsx" src="hello.jsx"></script>
  <script type="text/jsx" src="main.jsx"></script>
</body>
</html>`

1 个答案:

答案 0 :(得分:0)

// StackOverflow对于新用户来说可能是一种苛刻的......我认为对于那些第一语言不是英语的人来说,特别难以解决他们的问题。我发现上面的一些答案有点不屑一顾。但是,我们不要进入那个......

我认为这篇文章中的主要问题可能是“将ReactJS与HTML结合使用有什么好处?”看看这个帖子Advantages and Disadvantages of using ReactJS

对我来说,最初的吸引力是将javascript集成到您的视图中会使整个编码过程更加高效...如果您可以快速采用JSX。

许多Javascript框架将JS压缩到库中的“简单”缩短标签和构建模块化代码的指令......一个巨大的卖点是构建单页Web应用程序。其中很多都采用了MVC(模型 - 视图 - 控制器)方法来构建webapp。 React涉及“视图”,它们是不同的页面。我发现有关这个框架的事实是你需要学习JSX(一个看起来非常类似于HTML的中间标记和文件扩展名)的事实,用babel转换所有代码(使得所有浏览器中的Javascript ES6 / 2015都可以作为ES5)并使用webpack(任务运行程序)运行它。但是,很多开发人员发现使用组件很容易(在我看来,这些就像在页面上创建元素一样存在)