react 基本使用
2017-11-17 本文已影响22人
想做一个画家
<!DOCTYPE html>
<html>
<head>
<!-- react.js 是 React 的核心库 -->
<script src="../build/react.js"></script>
<!-- react-dom.js是提供与 DOM 相关的功能， -->
<script src="../build/react-dom.js"></script>
<!-- Browser.js 的作用是将 JSX 语法转为 JavaScript 语法，这一步很消耗时间，实际上线的时候，应该将它放到服务器完成。 -->
<script src="../build/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, World</h1>,
document.getElementById('example')
)
</script>
</body>
</html>
前端核心问题 如何处理数据和视图之间的关系
react 和 vue 两个区别 => 事件监听 数据渲染
react 设计哲学 用什么概念来解决问题 ：看到的都是组件，都是围绕着组件
函数式
关键技术：？？？
React & fiber 解决层级过深父组件 render 之后子组件 跟随render 导致无法及时响应
工作有区分 优先级
要有一个中央调度器
组件库 的设计：组件的种类 /受控与非受控/state 是否是 immutable 它是一种数据结构/ 样式问题css
/子组件的传递/国际化/参数回调的设计/行为样式的复写
应用框架的问题是要为要解决组件通讯的问题 redux
组件 有作用域的限制
