这是我参与「第五届青训营 」伴学笔记创作活动的第 十三 天
青训营学习React
react three fiber 写一个3d库 github.com/react-sprin…
react库
颜值即正义！这几个库颠覆你对数据交互的想象 - 腾讯云开发者社区-腾讯云 (tencent.com)
可以使用其编写ar功能
<script src="https://aframe.io/releases/0.9.0/aframe.min.js">
</script>
<script src="https://rawgit.com/jeromeetienne/ar.js/master/aframe/build/aframe-ar.js"></script>
<script>THREEx.ArToolkitContext.baseURL = 'https://rawgit.com/jeromeetienne/ar.js/master/three.js/'</script>
<body style='margin : 0px; overflow: hidden;'>
<a-scene embedded arjs='sourceType: webcam; debugUIEnabled: false;'>
<a-marker type='pattern' url='res/pattern-marker.patt'>
<a-entity position='-3 2 0' text="width: 5; value:I am Psyduck. We are pokemon. We love you"></a-entity>
<a-entity position='0 0 0' gltf-model="url(res/scene.gltf)">
</a-entity>
</a-marker>
</a-scene>
</body>
react响应式编程 FaxJS 状态变了 ui也会变 react是一个library
react编写移动端原生代码
字节react的组件库semi-design
过程式编程
组件化 可复用 可封装
语义化组件隔离
组件隔离
react状态管理 局部性
局部性的尽量把代码放一起
状态上升 要共享它只能往上放
react单向数据流
响应式编程
react封装好了，直接使用其提供的方法函数
组件内部的状态
Hooks 译为钩子，Hooks 就是在函数组件内，负责钩进外部功能的函数。
React 提供了一些常用钩子，React 也支持自定义钩子，这些钩子都是用于为函数引入外部功能。
