mkdir stage && cd stage // 创建项目文件夹进入项目 npm init // 初始化依赖 npm install -S react react-dom // 安装react相关依赖 npm install -D webpack webpack-cli webpack-dev- ...
分类:
Web程序 时间:
2020-07-10 20:59:33
阅读次数:
66
下载 redux 插件(异步中间件) npm install --save redux-thunk redux/store.js /* redux 最核心的管理对象 store */ import {createStore, applyMiddleware} from 'redux' import ...
分类:
其他好文 时间:
2020-07-10 09:50:33
阅读次数:
77
上一篇文章我们手写了一个Redux,但是单纯的Redux只是一个状态机,是没有UI呈现的,所以一般我们使用的时候都会配合一个UI库,比如在React中使用Redux就会用到React-Redux这个库。这个库的作用是将Redux的状态机和React的UI呈现绑定在一起,当你dispatch acti ...
虚拟DOM,不会直接操作原生的DOM节点只改变“需要改变”的DOM节点。 很少的内存消耗 遵循基于组件的方法,有助于构建可重用的UI组件。单向数据流 只有在组件的state变化时才会出发组件的重新渲染 无状态组件就是一个单纯的render函数,所以无状态组件的缺点也是显而易见的。因为它没有shoul ...
分类:
其他好文 时间:
2020-07-07 13:45:54
阅读次数:
134
一面 项目: 描述项目某个功能的实现 react的特点 为什么要使用redux+immutable,redux和全局变量的区别 diff算法 react-redux的工作原理和相关源码 还有一些项目的细节 然后是基础知识: 实现一个百度搜索框,包括垂直左右居中,自适应的特性 BFC的相关特性和应用 ...
分类:
其他好文 时间:
2020-07-06 12:41:06
阅读次数:
81
前言 最典型的一个react项目就是react-router+redux(可能再加上redux-thunk或saga),在hooks出来之后,redux也同步跟进加了很多hooks,但已经可以完全抛弃redux,仅仅使用useReducer等hooks来管理数据流了(大型、复杂项目的话,目前还是推荐 ...
分类:
其他好文 时间:
2020-07-06 12:31:01
阅读次数:
156
什么是 React 高阶组件 React 高阶组件就是以高阶函数的方式包裹需要修饰的 React 组件,并返回处理完成后的 React 组件。React 高阶组件在 React 生态中使用的非常频繁,比如react-router 中的 withRouter 以及 react-redux 中 conn ...
分类:
其他好文 时间:
2020-07-04 01:25:35
阅读次数:
79
最近在把一个c端的项目重构成首屏服务端渲染(SSR:server side render) 项目用到的技术: React 、webpack、koa2、webpack 对于重构成SSR,redux并不是必须的,所以没用redux 本篇文章先讲述一些理论的东西,之后会写代码篇 一、 什么是服务端渲染 简 ...
分类:
其他好文 时间:
2020-07-03 10:23:10
阅读次数:
62
安装了react-redux后,npm start报下面错误 Failed to compile. ./node_modules/_react-redux@7.2.0@react-redux/es/connect/mapDispatchToProps.js Module not found: Can ...
分类:
其他好文 时间:
2020-07-01 14:19:25
阅读次数:
78
1.Redux介绍(数据层框架) React视图层框架 Redux是一个用来管理数据状态和UI状态的JavaScript应用工具。随着JavaScript单页应用(SPA)开发日趋复杂,JavaScript需要管理比任何时候都要多的state(状态),Redux就是降低管理难度的。(Redux支持R ...
分类:
其他好文 时间:
2020-06-30 20:38:07
阅读次数:
52