Flow 简介 flow是facebook推出的js类型检查工具。js是一门弱类型语言，没有从语言层面去保证变量类型不匹配的基本错误。flow使得咱们可以指定变量的类型，避免此类错误的发生。 // @flow funct…

React v16.0 September 26, 2017 by Andrew Clark 新版本的render可以返回数组、字符串、react组件、数字、boolean值 如果返回数组必须给每一个数组元素添加一个唯一…

处理 Events 使用 React element 处理事件非常类似于 DOM 元素处理事件。只是语法略有不同： React 事件命名使用小驼峰，而不是小写。 通过 JSX 传递一个函数作为时间处理者，而不是字符串。 …

前言 最近新起了一个多页项目，之前都未使用 webpack4，于是准备上手实践一下。这篇文章主要就是一些配置介绍，对于正准备使用 webpack4 的同学，可以做一些参考。 webpack4 相比之前的 2 与 3，改变…

create-react-app(简称cra)已经更新之2.0.3版本, babel也更新至7.x版本, JavaScript装饰器语法虽然还不是标准, 但是借助于babel, 也能在项目里愉快的玩耍. cra2.0时代…

目前的 ClojureScript React 绑定都是比较复杂的, 比如 Reagent, 做了不少的修改,我打算看看直接用 cljs 裸写, 按照 React 本身的语义, 会是什么样子,网上搜到几个版本的代码, 总…

Component state 实例： import React, { PureComponent } from 'react'; export default class extends PureComponent {…

什么是Hooks？Hooks是react即将推出的功能，它允许您在不编写类的情况下使用状态和其他React功能。我的理解就是可以用写无状态组件的方式去编写拥有状态的组件。遗憾的是，正式版16.7.0出了之后并没有hook…

1. 单个react组件性能优化 1.1 render里面尽量减少新建变量和bind函数的使用，尽量减少传递参数的数量 在render中绑定函数，无非就是下面三种： render() { return ( <div…

使用create-react-app 创建的项目默认不支持less，以下增加less配置的步骤 暴露配置文件 create-react-app生成的项目文，看不到webpack相关的配置文件，需要先暴露出来，使用如下命令…

接上文， React流程图：https://bogdan-lyashenko.gith… this.setState 我们已经知道挂载的工作流程，现在我们换个方向研究下–setState方法，这个…

0x000 概述 上一章讲了SPA如何实现组件/页面切换，这一章讲如何解决上一章出现的问题以及如何优雅的实现页面切换。 0x001 问题分析 回顾一下上一章讲的页面切换，我们通过LeactDom.render(new A…