【备战春招】第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初体验的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15Vue教程:新手入门与初级技巧详解
- 2024-11-15Vue3教程:新手入门全面指南
- 2024-11-15Vue3教程:新手入门与基础实践
- 2024-11-15Vue教程:初学者必备的Vue.js入门指南
- 2024-11-15基于JSON的大型语言模型代理与Ollama及LangChain的应用
- 2024-11-15useCallback教程:React Hook入门与实践
- 2024-11-15React中使用useContext开发:初学者指南
- 2024-11-15拖拽排序js案例详解:新手入门教程
- 2024-11-15React中的自定义Hooks案例详解
- 2024-11-14受控组件项目实战:从零开始打造你的第一个React项目