前言 由于笔者对React的了解不深,即便算是学习React的时间,到目前也才刚刚半年,所以错误不足之处还望指正。以下都是基于React 15(可能有些是16),webpack1进行探讨(注:未学…
标签:react.js
Universal-webpack服务端渲染
Universal-webpack 帮助搭建用于同构,即同时可以在客户端和服务端使用的Webpack。 Demo 我的Demo:universal-webpack + koa + react + webpack。官方De…
React学习笔记 - 组件
组件化是前端框架一个重要的思想,也是让我们偷懒的一个方法之一,?。 想象我们在写前端页面的时候,页面中的有些元素肯定是会被重复使用的。那么我们需要把这些元素打包成一个东西来重复使用,那么这个就是组件。 React中组件就…
Sublime Text 3 配置react语法校验
1. 安装nodejs 2. 打开终端,安装eslint校验包和react校验插件包: npm install -g eslint npm install -g eslint-plugin-react 3. 在Subli…
用户数过亿的QQ空间前端优化的思路是什么
5月7日,「腾讯SNG & msup技术开放日」在深圳召开。壹佰案例采访了一些与会讲师,谈谈他们将在会上分享的内容。本次采访的是腾讯云平台产品技术负责人陈子舜。 壹佰案例:首先想请您介绍一下您目前的工作以及您关注…
React中受控组件和非受控组件
受控组件 在React中,每当表单的状态发生变化时,都会被写入到组件的state中,这种组件在React被称为受控组件。受控组件中,组件渲染的状态与它的value或者checked相对应。React通过这种方式消除了组件…
React 教程第十篇 —— 路由(3.0)
路由 通过 URL 映射到对应的功能实现,React 的路由使用要先引入 react-router.js。 注意: react-router 4.0 以上的版本和 3.0 及以下的版本有很大的差别,本教程使用的是 3.0…
React 重温之高阶组件(HOC)
什么是高阶组件 话不多说,先看官方释义: Concretely, a higher-order component is a function that takes a component and returns a n…
react+webpack+babel+webpcak-dev-server+react-router-dom从无到有
react-demo 两个目标: 手动搭建react脚手架:react、bable、webpack、react-router-dom、webpack-dev-server 理解webpack从无到有打包原理 手动搭建re…
Redux观点之三: Action(行动)与Action Creator(行动建立器)
这两个是Flux架构中的介入成员,Redux中有申明Action的定义: Actions(行动)是从你的运用送往store(存储)的信息负载 你可能会一直在Action(行动)这里看到payload这个字词,它是负载或有…
笔记, 静态页面前后端渲染
自己写 Demo 的时候用到的一个 trick, 觉得挺有意思的我的页面是用 JavaScript 搭配 React 生成的, 前面文章提过了那么就有两部分的 HTML, 一部分比如 <head>, 是 gu…
react组件生命周期
1. Component生命周期 生命周期 调用次数 能否使用 setSate() getDefaultProps 1(全局调用一次) 否 getInitialState 1 否 componentWillMount 1…