01 - 邂逅向往的React

83 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第1天,点击查看活动详情

这篇是记录学习使用React的第一篇文章,主要分下面几个方面讲述自己学习使用React。

  • 为什么要学习react
  • React对于前端的重要性
  • 哪些应用使用React进行开发
  • 学习React的路线

一、为什么要学习react

2020年毕业于普通本科,正好是遇见yq的那一年,当时实习公司都找好了,实习半年,当时对于天津来说,公司以及培养和待遇都是很不错的。奈何挡不住yq的发展,在家办公了二月后,公司只留下了在天津的同学,剩下的都被开了。其实对于我来说影响不是特别大,准备实习结束,正好可以拿到学位证书就回老家,或者在家旁边城市找工作的。

image.png

机缘巧合之下来到了现在这家公司,从一个后端转成现在的前端,从使用vue2到vue3,到现在的React。不得不开始对React进行学习。带薪学习就是爽,杭州使用React还是非常多的,特别是一些中大厂。

二、React对于前端的重要性

  • GitHub star数 195k

image.png

  • npm 下载量

月走势图

image.png

总数 20亿

image.png

我们可以对比下在国内最火的Vue

  • GitHub star数 200k

star数比React稍高一点,毕竟国内只要是前端,vue肯定是必备的

image.png

  • npm 下载量

月走势图

image.png

总数 4.2亿

image.png

  • 我们再来看下Chrome插件使用数量的对比

React 大概是140w左右,Vue 大概是 70w左右,正好是Vue的两倍。

这些数据更能反映出React的火爆程度,在国际上React是绝对的霸主

三、哪些应用使用React进行开发

  • 蚂蚁数据可视化 image.png

  • 飞猪 image.png

-喜马拉雅FM image.png

  • 知乎 image.png

  • 优酷 image.png

image.png 在国内阿里系、百度使用React居多

四、学习React的路线

我学习基本上都是一个套路,以官方文档为主,视频为辅,上学那会全是看视频,很少看官方文档,工作后才知道官方文档有多香,对于工作的我们视频比较废时间。比较难理解的地方会找视频看下,帮助自己理解。

基本上过一遍会做几个小demo,然后就上手开发项目。等时间空闲了就会慢慢看源码,学习。

React基本会按照下面这个路线进行学习:

  1. JSX
  2. Components
    • 函数式组件
    • 类式组件
    • 三大核心属性 statepropsrefs
  3. React脚手架
  4. React路由 react-router-dom
  5. redux
  6. UI库 ant-design
  7. 项目

好了,下面开始正式的React之旅

src=http___tva1.sinaimg.cn_bmiddle_ceeb653ely1gmil9yk3gag2078078x43.gif&refer=http___tva1.sinaimg.gif