如果从头开始搭建React项目，create-react-app通常是开发者的首选。毕竟不是谁都有精力去了解WebPack的复杂配置，而CRA将配置隐藏开箱即用的特性必然会受到普遍欢迎。 根目录访问 到了部署阶段，我通常…

ReactRouter-V4 构建之道与源码分析 翻译自build-your-own-react-router-v4，从属于笔者的 Web 开发基础与工程实践 系列。 多年之后当我回想起初学客户端路由的那个下午，满脑子里…

一、Virtual DOM是react的标志。虚拟DOM之所以快有两点原因：1、Javascript运行很快 2、操作真实DOM很慢。DOM操作起来很慢很耗CPU，所以react将DOM直接写进js，再也没有html文件…

本文同步自我的博客 Reeoo’s Blog，欢迎移步前往，^_^ 概览 本文基于React Router v1.03版本。 React Router是一个为React设计的强大的路由库。可以帮助我们快速的实…

谈谈 最近使用的 React + webpack 来开发项目，感觉确实是爽的飞起，然而总感觉还是少了点什么。对，是多页面，每次请求页面还要后端路由给你？多不爽啊，试试 react-router ，简直掌控一切的感觉，只开…

http://react-guide.github.io/…官方文档半天打不开真是最致命的搜了一堆试了都不行 什么加switch 加一堆都没用官方文档终于打开了 – – <Rou…

1.react-router和react-router-dom有什么区别？ 相信很多刚学react的朋友都会和我一样，在使用react来创建路由的时候，发现官网上写的是 import *** from 'react-ro…

这篇文章主要讲的是分析 react-router 源码，版本是 v5.x，以及 SPA 路由实现的原理。 文章首发地址 单页面应用都用到了路由 router，目前来看实现路由有两种方法 hash 路由和 H5 Histo…

因为子组件有RouteComponentProps，所以在父组件中引用需要传相应的属性。但考虑到如果层级较深的话一层一层传就很麻烦。而如果我们用route组件引用的话就会很简单，只需要在需要子组件的地方用route的re…

五子棋游戏 + 博客 demo + React官网示例实现 github 源码：https://github.com/moshang-xc/react-demo 之前一直在用vue，前几天看了下React的官方文档，写了…

问题1： 单页应用开发时，当在A页面滚动滚动条后，点击进入B页面，滚动条保持在A页面的滚动位置。 目标： 同级路由切换时，滚动条回滚到页面顶端。 解决方案： //在componentDidMount周期添加scrollT…

1. 几个重要概念理解 模块与组件 模块: 理解: 向外提供特定(局部)功能的js程序, 一般就是一个js文件 为什么: js代码更多更复杂 作用: 复用js, 简化js的编写, 提高js运行效率 组件: 理解: 用来实…