前言

市场上流传着程序员在35岁以后要么转管理,要么转行,这句话我个人是认同的,因为年纪大了学习能力会变差,家中各种事情也让你没有那么多的时间和精力去加班和学习新的东西,所以在35岁之前一定要为自己的未来规划,即为成为一名管理者做打算,最简单也是最快的就是成为一名技术经理,成为一名技术经理的前提是必须会服务器端以及对前端也要比较熟悉。

背景

本人15年大学期间自学java,16年出来工作,差不多三年多经验吧,以前有一些前端html和jquery的经验,最近公司要求做前端和后端,我一个人搞定,后端没有问题,但是前端用的是React,有点头疼, 因为在18年的时候老板就要求学react,并给我涨工资,但是网上看了一两天以及请人培训了一两天,感觉是一头雾水,当时直接拒绝了,时隔两年,又来了,这次没办法了,硬着头皮上吧,一开始心里是发慌的,觉得自己肯定学不会,但是没办法,试试吧。

过程

大概就花了一天时间去看了一下前端项目的基本结构,很多地方看不懂,但是没关系,开始只需要看view里面的内容,看到哪里,再去找其究竟是怎么实现的,第一步,就是去看render里面的内容,里面全是html的基础知识,然后发现也有点懵,因为里面全是这些玩意

把java转class 把java转为react_函数表达式


后来查询得知{}是用来放数据的或者是函数表达式,里面可以写很多东西。跟java是不是很像,这些应该都能看懂,然后再去看这些值是怎么来的。比如text.planStatus是什么东西,后面发现值得传递无非两种方式,一种是state,就是一个页面用state存储这个页面的一些数据,如果你用到的值需要改变,只需要去改变state里面的值就行,页面会根据值得变化,实时渲染。取值就用xxx.state.aaa,设置值就用this.setState({xxx:“xxx”}),另外一个获取值得办法就是props这个是父页面传过来的,弄懂了基本的数值的获取以及传递方式基本就可以开始干事了。后面又由于其他功能,学到了几个生命周期函数,比如componentDidMount即在页面渲染完成以后执行的,componentWillReceiveProps就是再页面有数据变化的时候执行的,总而言之知识点就那么几个,不懂就百度吧

总结

本来想着写很多很详细,但是文字看着太枯燥,就不写了,建议大家如果要上手react,可以按照这个步骤来学习
第一步:学习React的基础知识,有了基础知识基本就可以干事了,比如修改一些bug
第二步:学习react-redux,这个比较关键,因为传值一直父组件传子组件,redux的作用就是能在随时随地去使用和获取这些值,就比较方便了。(目前我处于此阶段)
第三步:学习一些react的路由

上面三个学完了,基本可以自己开发页面了,搞着搞着就会了,多研究。一般react项目都会集成antd组件库,这个不需要学,遇到不明白的就去看看就行了。

差不多花了一个星期就能解决基本的bug以及开发新的功能了,目前还在继续学习,不求把所有东西全部弄懂,会开发就行了,源码原理什么的了解一些就行了,毕竟你又不是专门做前端的。

总而言之,遇到问题不到退缩,大胆的去尝试就好了。