React.js (以下简称React) 是由Facebook开发,用于构建用户界面的 JavaScript 库,也可能是目前最为流行的JavaScript UI库。
每天,有来自全球各地的成千上万个前端工程师在使用 React 开发,也有数以万计围绕着 React 所构建的插件和框架。可以说,如果你想要进行现代化的 Web 开发,那么 React 一定是你值得去选择的其中一个。
(另外一个或许是 Vue.js,不过那应该是另外一个系列了)
那么,让我们来认识一下React。
React 是用于构建用户界面的JavaScript库,因此掌握了 JavaScript 的同学可能会感到一些熟悉。但与常规的JavaScript不同,React提供了一种在JS代码中编写HTML的方法,因此编写网页时,不再需要将其分开编写。
<body>
<div>这是一个盒子</div>
</body>
<script>
let a = "这是一个变量";
</script>
而是变成:
const TestBlock = () => {
let a = "这是一个变量";
return (
<div>这是一个盒子</div>
)
}
如你所见,这样写免去了在JS代码和HTML代码中的来回跳跃,变量和结构之间的关系更加紧密。同时,可以将页面抽离为组件,每一个组件只负责自己的逻辑,而一个页面由不同的组件所构成,复用起来也更加方便直观。
这样的语法,则被称之为JSX语法。