React技术栈——HotModuleReplacement

Hot Module Replacement是webpack下实现热刷新的模块，由于webpack的坑爹文档，看了很久才搞明白这东西怎么用。Webpacks adds a small HMR runtime to the bundle, during the build process, that runs inside your app. When the build c

业界 2016年07月14日

基于Redu架构的单页应用开发总结

系统架构介绍本项目开发基于 React + Redux + React-Route 框架，利用 webpack 进行模块化构建，前端编写语言是 JavaScript ES6，利用 babel进行转换。|--- project |--- build // 项目打包编译目录 |--- src

业界 2016年07月25日

使用reactJS要注意的地方

虽然react使用的jsx可以html和js混编，但是这里的html用的时候有的地方还是和原来的习惯不太一样。这里汇总一些我已经遇到的不一样，还有其他要注意的地方要给jsx中的html加class时，不能直接class="a"而要用className="a"因为class是js的保留字。同样是保留字的还有：for》htmlFor另外还有这篇文章也整理了一些需要注意的: 《R

业界 2016年07月13日

在 Electron 中使用模块热替换

Electron + React + Webpack 这个组合开发桌面应用还是挺爽的。如果再搭上 Webpack 的 Hot Module Replacement 那简直完美，不用刷新就搞定。关于 HMR 的演示可以看 Dan Abramov 的演讲视频 Hot Reloading with Time Travel。在 Electron 中使用 HMR 碰到的问题是打开的文

业界 2016年07月13日

拥抱 JSX，它是一个伟大的尝试

原文： http://eyasweb.com/react 带来了新的语法，JSX。是一个看起来像XML的JavaScript语法扩展。有些同学因为不喜欢或不习惯JSX语法，而拒绝学习React。有人觉得JSX看起来太怪异了，但是我觉得JSX是一个伟大的尝试，是科学进步的表现，我们不应该对他有任何偏见。我们从渲染的历史角度解释一下JSX的前瞻性渲染的历史html 与脚本混合在

业界 2016年07月13日

react-redu-epress异步前后端数据交互(面向初学者,高手勿进)

花了整整三天的时间来解决一个非常非常小的问题.想要把一点心得体会记录下来.首先是问题的提出:前端如果是react,后端是express,如何进行数据的交互.1.总体思路以前接触express的时候前端模板用的是ejs,那时候就有些不理解的地方.最为不理解的几个问题是:前端和后端怎么配合?特别是前端特别复杂的时候,难道还是全用模板吗?如果前端用了框架呢?这些问题对于大部分开发

业界 2016年07月08日

Immutable.js 初识

文章博客地址：http://pinggod.com/2016/Immutable/Immutable.js 所创建的数据有一个迷人的特性：数据创建后不会被改变。我们使用 Immutable.js 的示例来解释这一特性：var Immutable = require('immutable');var map1 = Immutable.Map({a:1, b:2, c:3});

业界 2016年07月09日

React学习笔记5：学习Redu

好久没写东西了！！！！Redux是React官方推荐数据流管理方法Flux的实现之一，当然Redux是非必选，仅仅是众多实现中可选项罢了，不过是最大众选择！Redux的详细介绍可以看下其他童鞋的文章，比如：[Redux 介绍]，总之一搜有很多文章，本文直接引导如何使用。1、搭建一个基础Hello world的React项目，参考React学习笔记1：环境搭建import R

业界 2016年07月08日

从零开始 - 使用React+Webpack+Nodejs+Epress快速构建项目

前言目前React、Webpack等技术如火如荼，你是不是还在愁苦如何把这些杂乱的知识统统学习一下，开启一段新的前端开发之路呢？本文将以一个例子来讲解如何使用React、Webpack、Nodejs、Express这些技术快速构建项目，为后期的深入学习铺好道路，接下来我们就一起动手体验一下吧！1. 安装及配置环境1.1 安装Node.js与NPMWindows下安装Node

业界 2016年07月07日

React项目中出现频率较高的ES6语法

学习React过程中，发现无论是github上的Demo还是React相关文档，ES6语法都有大量的使用。如果不了解一些ES6语法，很难学习下去。如果转战ES6，系统学习战线又较长。所以把一些常用的ES6语法做一些总结，有助于读懂React，Redux的文档。特别提醒：一些细节学习还是需要仔细查阅文档。可以通过这个在线工具写ES6代码：http://es6.ruanyife

业界 2016年07月06日