我是新手,现在react,需要导入什么js才能创建项目
react 需要引入三个 js 文件,分别是:
react.js
,这是 react 的核心文件;react-dom.js
,它提供了一些与 dom 有关的方法;babel.js
,它会将 react 特有的 jsx 语法转化为普通的 JavaScript 语法。下面是一个例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="https://unpkg.com/react@latest/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@latest/dist/react-dom.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
</script>
</body>
</html>
react 核心的几个包括 react, proptypes, react-dom,有这三个,加上 webpack 以及相应的 loader,就可以开始撸项目了。
等写到一定程度,你会发现,要处理多页面(路由),要处理数据流动(flux),想写 es6,es7(babel),想用css预处理器(sass)或者 css in js(jss),这个时候,逐步往上加就好了。我个人很享受这种从0到1造轮子的过程。当然,也有很多现成的可以用。
还有最近比较火的 create react app
自己造的轮子 full-feature-starter-kit 好久不维护了
4 回答1.5k 阅读
2 回答963 阅读✓ 已解决
2 回答2.5k 阅读
1 回答851 阅读✓ 已解决
2 回答751 阅读✓ 已解决
1 回答605 阅读✓ 已解决
2 回答893 阅读
如果开始学习react的话,建议集合webpack一起学,webpack会把你需要的js文件一起打包好并帮你自动引入。