使用reactJS要注意的地方

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

业界 2016年07月13日

React学习笔记5：学习Redu

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

业界 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-redu-epress异步前后端数据交互(面向初学者,高手勿进)

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

业界 2016年07月08日

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

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

业界 2016年07月13日

在 Electron 中使用模块热替换

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

业界 2016年07月13日

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日

React快速进阶

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

业界 2016年07月18日

使用 webpack + react + redu + es6 开发组件化前端项目

原文地址：https://52dachu.com/post/201606271753.html因为最近在工作中尝试了 webpack、react、redux、es6 技术栈，所以总结出了一套 boilerplate，以便下次做项目时可以快速开始，并进行持续优化。对应的项目地址：webpack-react-redux-es6-boilerplate该项目的 webpack 配

技术开发 2016年07月15日

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

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

业界 2016年07月07日