Java开发快速上手React的一些经验

这段时间由于工作需要，写了一段时间前端。之前只是了解些js,html基础的语法，这段时间的开发让我对快速上手前端有了自己的一些见解。

 

项目里用的技术栈主要是React，UI库是Antd。然后就是js和css，没有涉及到Redux这些技术。React和js只需要了解基础语法，而Antd是阿里巴巴的一个UI库，用的时候看下文档就行，css可以暂时不学。

开发工具 : 可以继续使用IDEA开发。

 

前端简单的来说是获取数据和展示数据，获取数据就是调用后端接口，展示数据就是用UI来展示数据。

我觉得快速上手的要点在于要总结出项目的固定写法，然后模仿着写就好了。

 

比如我所在的项目，是先写一个定义全局的东西，比如页面路径。

然后开始写页面对应的类。

类里面一般是 定义 + 方法 + 显示。

定义就是定义一些全局变量。

方法里面是各种处理逻辑，以及如何更改变量。这个和Java的方法差不多的意思。

显示就是调用UI库，并组合方法和变量。

 

因为一个类可能会很长，我推荐用使用快捷键 ctrl + shift + - 将所有代码缩略成每个方法一行，这样方便了解一个类的骨架。相反的快捷键ctrl + shift + = 可以展开所有代码。

 

React项目的编译命令

npm install          类似maven安装包，一般是第一次打开项目时运行一次，安装所需文件。

npm run start        在本地启动项目，可以在本地浏览器打开网页。

npm run build        用来打包项目，然后将项目部署在服务器上。

 

一些常见的React开发规则

• state更新是异步的,但是有同步的写法。
• 子类如果要使用父类的变量，要通过父类传递过去。
• 跳转页面时可以通过this.props.history.push携带数据，跳转的页面可以通过this.props.location.state拿到数据。
• 函数传入的参数val，类似于传了一个类，里面可以包含变量，与Java传参不同的是，val里面的变量不是固定的，是可变的。