**课程名称:** React16.4 快速上手
**课程章节:**第1章 React简介及基础语法
课程讲师: Dell
课程内容:
1、什么是react.js
React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面,这些代码片段被称作“组件”。
2、react.js 可以做什么?
ReactNative reactVR
3、如何创建React应用?(环境搭建)
机器上安装 Node >= 8.10 和 npm >= 5.6。要创建项目,请执行:
npx create-react-app my-app
cd my-app
npm start
4、什么是组件?组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思
5、react的执行过程:首先进入index.js 加载所需要的react ReactDom(将组件渲染成真实的dom节点) 组件,例如加载App组件,组件在进行渲染
6、简单的JSX语法
6.1 可以实现简单的运算,三目运算、简单的js表达式
例如:
import React from "react"
class App extends React.Component {
render(){
return (
<div>
{1+2}
hello i am dell
</div>
)
}
}
课程收获:
为了更好的工作需要,开始学习react,起初的认识感觉相对于vue来说react很难,基本就是纯js代码,这次学到了跟vue同样的思想,也是通过基本的语法实现对Dom的渲染,了解了组件的思想,利用组件可以快速的开发,建立组件思想,有效的提高开发效率,分块执行,再有学习了简单的JSX语法,知道了可以使用{}进行变量赋值,还可以书写简单的js表达式,这些思想跟vue是统一的,但是语法的不一样,下次继续努力吧