React
那颗星好美
我就像一缕清风,轻轻地来,轻轻地走。。。
展开
-
create-react-app React脚手架 引入 scss 配置
1. 配置sass需要按以下步骤进行: 一、安装sass-loader和node-sass依赖npm install sass-loader node-sass --save-dev 二、打开react的webpack配置 React提供的脚手架create-react-app创建的工程文件不像vue那种暴露出webpack来的配置,所以你要去依赖包 node_mo...原创 2018-09-28 17:29:32 · 783 阅读 · 0 评论 -
Redux和React-Redux使用关系
Redux是一款状态管理库,并且提供了react-redux库来与React亲密配合, 但是总是傻傻分不清楚这2者提供的API和相应的关系。这篇文章就来理一理。如果要用一句话来概括Redux,那么可以使用官网的这句话:Redux是针对JavaScript应用的可预测状态容器。此句话虽然简单,但包含了以下几个含义:可预测性(predictable): 因为Redux用了reducer与纯函数...原创 2018-10-16 20:24:58 · 1263 阅读 · 0 评论 -
在 react 中使用 Swiper 4 做轮播图
1. 安装 Swipernpm install --save swiper2. 编写 Swiper 组件首先引入 Swiper 以及样式// 引入此路径,才不会打包失败import Swiper from 'swiper/dist/js/swiper.js'import 'swiper/dist/css/swiper.min.css'在组件挂载完毕的时候生成 Sw...原创 2018-10-10 14:59:23 · 7270 阅读 · 3 评论 -
Redux和React-Redux使用关系
Redux是一款状态管理库,并且提供了react-redux库来与React亲密配合, 但是总是傻傻分不清楚这2者提供的API和相应的关系。这篇文章就来理一理。 ReduxRedux 三大核心Redux的核心由三部分组成:Store, Action, Reducer。Store : 是个对象,贯穿你整个应用的数据都应该存储在这里。 Action: 是个对象,必须包含ty...原创 2018-12-10 14:24:34 · 308 阅读 · 0 评论 -
react路由懒加载的方式
我就使用个路由懒加载,百度一些全是以下的方法,这些方法要是没有用过,肯定懵逼啊,请问这些方法就不能给个demo,显示具体使用方式?这让小白们情何以堪传统的两种方式import()符合ECMAScript提议的import()语法,该提案与普通 import 语句或 require 函数的类似,但返回一个 Promise 对象。这意味着模块时异步加载的webpack v2+ 使用...原创 2019-05-11 21:26:54 · 8700 阅读 · 0 评论