一 学习方式 学一门新技术，我习惯的学习方式是： 首先，先1-2遍官方文档。每个方法api都过一遍，有个大概的印象，记录下当时没懂的问题。 然后，根据文档中例子，实际动手自己去做一遍 接着，去分析项目里的代码，找一个有代…

路由 npm build cnpm i serve -g cnpm i react-router@3.0 -S bogon:project macbook$ cnpm i react-router@3.0 -S …

写在前面 随着单页应用（SPA）概念的日趋火热，React框架在设计和实践中同样也围绕着SPA的概念来打造自己的技术栈体系，其中路由模块便是非常重要的一个组成部分。它承载着应用功能分区，复杂模块组织，数据传递，应用状态维…

## 1. 项目初始化 1.1 通过 easywebpack-cli 脚手架初始化 安装脚手架 npm install easywebpack-cli -g 命令行，然后就可以使用 easywebpack 或 easy …

原文地址在我的博客, 转载请注明出处，谢谢！ 概述 本文是《使用React技术栈的一些收获》系列文章的第一篇（第二篇在这里，介绍了React的一些原理）。这篇文章则介绍了大型React项目是如何架构的以及架构的原理和思想…

背景介绍 React Router v4 推出已有六个月了，网络上因版本升级带来的哀嚎仿佛就在半年前。我在使用这个版本的 React Router 时，也遇到了一些问题，比如这里所说的代码分割，所以写了这篇博客作为总结，…

为什么要做dynamic import？ dynamic import不知道为什么有很多叫法，什么按需加载，懒加载，Code Splitting，代码分页等。总之，就是在SPA，把JS代码分成N个页面份数的文件，不在用户…

原文：https://github.com/YutHelloWo… 前言 今年3月初发布了react-router v4，相较之前的v3和v2版本做了一个破坏性的升级。遵循一切皆React Component…

React Router v4 发布已经有几个月了，但好像并没有得到太多人的青睐，大家（包括我们团队自己）还是习惯使用v2、v3版本。这一方面是因为v4版本是一次破坏性的升级，从v2、v3 升级到v4，必需要大量重写原有…

React-Router React官方维护的React-Router可以帮我们创建React单页应用。通过管理URL，实现组件的切换和状态的变化。 本文React-Router是3.x版，与最新的4.x版不兼容。目前，…

react-router都升级到5.0了，之前用的2.*，想用create-react-app新建个项目用一下 首先是react-router-redux用法变了，使用了ConnectedRouter，本以为错误在这里，…

实践二 简单单页应用，使用react-router v4.1.1，styled-components来实现。应用功能：三个导航标签（Home,Stuff,Contact），点击标签切换页面内容。 难点分析 react-r…