【备战春招】第1天 React初体验

2023/2/8 4:24:12

本文主要是介绍【备战春招】第1天 React初体验,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

**课程名称:** 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是统一的,但是语法的不一样,下次继续努力吧



这篇关于【备战春招】第1天 React初体验的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程