在 Electron 中使用模块热替换

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

业界 2016年07月13日

使用Facebook的create-react-app快速构建React开发环境

笔者最近打算基于半年来的实践与React社区的发展重制下笔者的React系列教程，前端实战文章——React系列。create-react-app:来自Facebook官方的零配置命令行工具create-react-app是来自于Facebook出品的零配置命令行工具，能够帮你自动创建基于Webpack+ES6的最简易的React项目模板，有助于初学者快速上手实践。安装cr

业界 2016年07月24日

Redu 登录状态判断的一些实践

最近一直在写一个React、Redux的前端项目，登录状态验证这一块还是比较头疼的。我的实践下有三种方式来验证用户登录状态，目前我选择用三种方式一起用在项目里面。Redux高阶函数验证（High-Order Function）Actions中间件验证Component WillMount 验证之所以用三种方式一起是因为Redux高阶函数在性能调优的时候并不是特别容易。Red

业界 2016年07月16日

强势推荐：React Native Js 自动补全插件

在atom的包管理器中无意间发现一个非常有用的插件！值得大家拥有。 看图说明一切。 插件的名字叫：atom-react-native-autocomplete 插件下载与介绍地址： https://atom.io/packages/atom-react-native-autocomplete 关键字：react.js, html5, JavaScript, jsx

业界 2016年07月17日

React快速进阶

上一篇文章,React入门 大致了解了, 如何基本的使用组件和更新组件. 现在,我们来点新的~属性验证React针对于props 专门提供了两种属性验证, 来保证组件的可复用性~ propTypes和defaultProps. propTypes用来设置属性是否必须, 类型等. defaultProps就是用来设置属性的默认值.class Search extends Co

业界 2016年07月18日

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日

webpack进阶之loader篇

webpack的loaders是一大特色，也是很重要的一部分。这遍博客我将分类讲解一些常用的laoder一、loaders之 预处理css-loader 处理css中路径引用等问题style-loader 动态把样式写入csssass-loader scss编译器less-loader less编译器postcss-loader scss再处理npm install --s

业界 2016年07月13日

使用reactJS要注意的地方

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

业界 2016年07月13日

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

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

业界 2016年07月06日

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

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

业界 2016年07月07日