![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
@young!
这个作者很懒,什么都没留下…
展开
-
使用脚手架创建React项目
使用脚手架创建React项目 使用脚手架创建react项目,前提需要有node环境,如没有node环境,请自行安装。 一、首先安装React脚手架:create-react-app npm i -g create-react-app 脚手架安装完成以后,react、react-dom、babel等相对应的react环境就已经都安装好了,不用再手动安装,webpack环境也给我们配置好了。 二、create-react-app创建项目 在终端执行命令: create-react-app 项目名 创建自己的原创 2021-06-03 16:56:30 · 405 阅读 · 0 评论 -
手写React-router
手写React-router 本文章将参照官方的react-router-dom,按照其部分组件最基本的功能,自己写一个react-router。其中包括HashRouter、Route、Switch、Link、Redirect,只实现了一些基本功能,如有错误以及不足之处,请评论留言指出。 1.基本环境搭建 首先,我已经配置好了webpack环境,当然你也可以用脚手架创建一个项目,并安装好官方的react-rou原创 2020-11-29 16:01:54 · 257 阅读 · 0 评论 -
手写简易版React框架
手写简易版React框架 1.基础环境的搭建 1.1首先将自己配置好的webpack环境搭好,目录结构如下: 1.2 React最基本的功能就是渲染jsx语法,其中用到了babel-loader,我们这里在webpack配置文件里已经配置好了babel-loader。然后新建一个文件夹名为my-react,在里面建立一个index.js写我们自己的react。新建一个react-dom文件夹,在里面新建一个index.js写我们自己的react-dom。 babel的作用: 首先把相关的代码转换->原创 2020-11-25 21:41:57 · 744 阅读 · 2 评论