所在的位置: 前端 >> 前端前景 >> 从Vue20到React17React

从Vue20到React17React

点击上方高级前端进阶,回复“加群”加入我们一起学习,天天进步前言

找工作时发现有一些公司是以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;执行命令npmcreate

umijs/umi-app创建一个React工程;执行命令npminstall安装依赖;依赖安装成功后,执行命令npmrunstart启动项目,在浏览器上打开


转载请注明:http://www.aierlanlan.com/cyrz/186.html