react
qq_33203555
这个作者很懒,什么都没留下…
展开
-
脚手架搭建react项目
react和vue,angular一样也有脚手架。这大大方便了我们的开发。react的脚手架是create-react-app。脚手架下载使用npm下载create-react-app运行如下命令:npm install -g create-react-app国内npm一般下载比较慢或者是常出现下载失败的情况,我们可以指定下载的仓库:npm install -g create-react-app -原创 2017-11-06 20:54:08 · 8102 阅读 · 0 评论 -
react路由按需加载
在单页应用中,路由按需加载是十分有必要的,如果一次性加载全部js的话,随着应用的功能丰富,js文件也必将增大,那么第一次下载的时候必将变慢,影响用户体验。本文分享react-routerV4版本的按需加载。异步加载包装组件首先我们需要一个异步加载包装组件import { Component } from 'react'export default class Bundle ex原创 2018-01-21 21:54:07 · 643 阅读 · 0 评论 -
react项目代理配置
使用create-react-app创建项目后,在本地开发时 ,配置请求转发是常见的。配置转发之后我们在本地环境就能请求到服务器的接口。 使用以下命令生成本地webpack配置文件npm run eject生成配置文件后,就到配置代理了,也就是请求转发。create-react-app创建的项目与其他的不同,需要在package.json中配置。"proxy":{ "/原创 2018-01-13 21:11:31 · 15183 阅读 · 1 评论 -
react组件开发
本文分享一个react动画组件开发过程。以一个从底部弹出的弹框为例: 类似于actionSheet一样的从底部弹出的弹框。思路1、点击按钮底部弹出弹框 2、同时遮罩背景显示 3、点击遮罩背景时弹框向下弹出去,背景消失。 一、背景遮罩实现 考虑到遮罩在多个地方使用,故封装成组件。结合redux开发,代码如下://app.js 在全局app中引入mask组件,全局可用原创 2018-01-14 13:40:59 · 550 阅读 · 0 评论 -
在create-react-app创建的项目中使用decorator
本文主要介绍在create-react-app创建的项目中使用修饰器。在create-react-app创建的项目中基本上配置文件都是生成好了的。但是默认配置并不支持修饰器。所以我们在使用@修饰器的时候会报错编译不通过。此时我们需要增加一个依赖来支持修饰器语法。安装如下依赖包npm install babel-plugin-transform-decorators-legacy --save...原创 2018-10-09 18:16:01 · 1009 阅读 · 0 评论 -
react项目打包优化
本文分享react项目的打包优化,项目使用create-react-app创建。不做任何优化时打包体积过大,首页渲染十分缓慢。使用webpack-bundle-analyzer查看打包chunck的内容,使用方式如下:yarn add webpack-bundle-analyzeryarn add cross-env在package.json配置命令"scripts": { ...原创 2019-08-03 16:19:09 · 1404 阅读 · 0 评论