多多少少有些不开心的事, 觉得精力没有被投入在重点上创业公司遇到问题变成盲人摸象也许正常吧不过最近这段时间因为服务端的策略调整, 我开始做一些服务端渲染主要的站点是简聊的登录页面, 整体从 Jade 切换到了 React…
分类:ReactJS
使用React-route和Webpack快速构建一个react程序
初始化项目 我们先创建个空文件夹,然后初始化 package.json ,填写一些基本信息。 $ npm init 接下来我们开始安装依赖项,我的 package.json 的依赖项如下 "devDependencies…
React.createClass和extends Component的区别
createClass本质上是一个工厂函数,extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上。createClass方式的方法定义使用逗号,隔开,…
React 初探
同时发表于 AlloyTeam React 简单介绍 先说 React 与 React Native 他们是真的亲戚,可不像 Java 和 Javascript 一样。 其实第一次看到 React 的语法我是拒绝的,因为…
React 编程风格指南
本文讨论的是 React.js 编程中的一些编程风格,团队开发中遵循统一的风格有利于提高代码的阅读体验。本文译自React style guide。下面将从三个方面来讲。 语法 方法顺序遵循生命周期放在前面, rende…
React从入门到精通系列之(9)表单处理
九、表单处理 HTML表单元素与React中的其他DOM元素有点不同,因为表单元素自然地保留一些内部状态。 例如,这种采用纯HTML格式的表单接受单个name: <form> <label> Na…
React Redux使用的一些小优化
之前画了一张redux的流程图,可以看看右下角的部分,可以看出来怎么进行优化。 在reducer里面,尽量减少数据的变动 不要做多余、无意义的事 也就是能不改变就不改变。比如不要做下面这种无谓的事情: function …
用babel cli编译用ES6写的JSX
安装babel及其插件 npm install babel babel-cli babel-preset-es2015 babel-preset-react 把ES6转为ES5 babel demo.es6.js --p…
让我们开始用es6来写代码--gulp构建es6
想构建一个前端自动化环境,来处理image,css,js(es6,jsx)的处理和保存刷新,让jser专注写代码 我当初选择gulp,但是接触到了es6和react后又在gulp加入了gulp-babel, babel-…
Redux 莞式教程 之 简明篇
Redux 简明教程 原文链接(保持更新):https://github.com/kenberkele… 写在前面 本教程深入浅出,配套 简明教程、进阶教程(源码精读)以及文档注释丰满的 Demo 等一条龙服…
配置React开发环境教程
这是一篇新手向文章,主要是记录一下使用过程,希望能给予别人一些帮助和提示 用 Yarn 做包管理用 Babel 做jsx和es6语法编译器Webpack 做模块管理和打包 教程是基于macOS的,Nodejs得提前安装好…
GraphQL 入门: Apollo Client - 安装和配置选项
GraphQL 入门: 简介GraphQL 入门: Apollo Client – 简介GraphQL 入门: Apollo Client – 安装和配置选项GraphQL 入门: Apollo …