Redux官网cn.redux.js.org中有一个小例子：Reddit API。官方源码地址：redux-async。 此文记录了自己完成此例子的过程。 1. 概述 此例子的界面如下图： state的结构设计如下： 注意：官网提示此结构并不是最优的设计，它并不适用于有互相引用的嵌套内容的场景，或者用户可以编辑列表的场景。 关于如何使用create-react-app快速构建单页面...
Redux搭配React完成迷你型任务管理应用 Todo List
Redux官网cn.redux.js.org中有一个小例子：Todo List。官方源码地址：redux-todos。 此文记录了自己完成此例子的过程。 1. 使用create-react-app快速构建单页面应用 create-react-app能够让我们省去安装和配置webpack、babel等工作，从而能够让我们把精力放在代码上。 安装过程如下： npx create-react-...
在webpack中使用react和babel
在学习react过程中，若不使用工具，总是要引入babel、react和react-dom： <script src="js/browser.js"></script> <script src="js/react.js"></script> <script src="js/react-dom.js"></script> ...
Stylus学习笔记
Stylus是一款CSS预处理语言，它提供了高效、动态和富有表现力的方式来生成CSS。Stylus支持缩进的语法和常规的CSS样式。 1. 安装Stylus 新建文件夹”exercise Stylus”，下面的操作均在此文件夹中完成。 1) 安装Stylus前，运行： npm init 生成package.json文件。 2) 本地安装stylu...