找工作时发现有一些公司是以React作为技术栈的,而且薪资待遇都不错,为了增加生存的筹码,所以还是得去学一下React,增加一项求生技能。因为我用Vue2.0开发项目已经四年了,故用Vue2.0开发项目的思路来学习React。
前端项目是由一个个页面组成的,对于Vue来说,一个页面是由多个组件构成的,页面本身也是一个路由组件。对于React来说也是如此。Vue会提供一系列技术支持来完成一个组件的开发,可以从这一系列技术支持出发,去React中寻找对应的技术支持来入门React,比如React中如何开发组件的UI,React中如何使用组件,React中如何定义组件数据等等。
本专栏将按照这个思路带领你从Vue2.0入门React17。
1、脚手架首先得选择一个脚手架搭建一个React工程,React有很多脚手架,为什么选择UmiJS这个脚手架,不为什么,这个脚手架和VueCli比较类似,至少路由配置和VueRouter很类似。
在学习前,先用UmiJS搭建一个React工程,步骤很简单:
先找个地方建个空目录,打开命令行工具,执行命令mkdirmyappcdmyapp;执行命令npmcreateumijs/umi-app创建一个React工程;执行命令npminstall安装依赖;依赖安装成功后,执行命令npmrunstart启动项目,在浏览器上打开