细数从开始着手写react至今已经近两个月时间了，虽然其中估计有一半时间忙工作上的事忙成狗，但是react的学习，还是犹如海绵吸水一般，获益匪浅，从一脸懵逼，到豁然开朗，再到各种踩坑、填坑中徘徊，跑得快，也应该抽空回顾下，沉淀自己，所以今天想说的，并不是各种组件的开发流程，而是在组件开发过程中遇到的坑以及解决方案。 具体项目地址：https://git.oschin
程序猿注定是懒惰的，当然，这里的懒惰，并不是指生活中的懒惰，而是指在产品开发中寻求各种便捷的手段来让自己开发的更加高效，产品更加完美。 细数从开始着手写react至今已经近两个月时间了，虽然其中估计有一半时间忙工作上的事忙成狗，但是react的学习，还是犹如海绵吸水一般，获益匪浅，从一脸懵逼，到豁然开朗，再到各种踩坑、填坑中徘徊，跑得快，也应该抽空回顾下，沉淀自己，所以今天想说的，并不是各种组件的
自动绑定 bind方法 这个方法可以帮助我们绑定事件处理器内的this,并可以向事件处理器中传递参数。 import React, {Component} from 'react';
class App extends Component{
handClick(e, arg) {
console.log(e, arg);
}
render() {
从零开始搭建React同构应用（三）：配置SSR 这篇文章来讲解来配置server side render，我们先从最简单的方法开始，用cli的方式模拟实现SSR。 demo在这里 主要内容： 添加webpack的server render配置 使用CLI的方式测试SSR输出 添加webpack的server render配置 之前我是考虑在node端直接require源码，例如： //hook
前言 接下来让我们进入新的章节：漫谈React。 本篇文章主要讲React事件系统和表单操作。 正文 一：事件系统 1.react的事件系统 react事件系统符合W3school标准，不存在任何IE兼容性问题，并且与原生的浏览器事件一样有同样的API接口。同样支持事件的冒泡机制，我们可以使用stopPropagation()和preventDefault()来终止它。 所有的事件都自动绑定到最外
这篇 redux在react-native上使用(二)--加入saga 是使用redux-saga, 可以跟这篇做个对比看下redux-thunk和redux-saga使用上的区别. 直接在这项目上修改, 只是把redux-thunk替换了redux-saga, 还是达到一样的项目. 首先在package.json里添加redux-thunk库, 并在目录下npm install: "depend
React文档翻译系列（三）JSX简介 先来看一下下面的变量声明： const element = <h1>Hello world!</h1> 这种有趣的标签语法既不是字符串也不是HTML。 这种形式被称作JSX，他是Javascript的一种扩展语法。我们推荐在React中使用这种形式来描述UI该是什么样子的。JSX可能会让你想起某种模板语言，但是它具有Javascript的全部功能。 JSX会
2017.3.11，中生代技术嘉年华在上海盛大召开，6大主题、20话题，600多位小伙伴点燃现场，我们将会陆续将各话题整理发布，让大家共享这场技术盛筵。 — 中生代技术嘉年华 — 陈达孚，沪江网前端架构，为大家带来“React Native的三端融合实践” 主题分享，预听详情，点击现场视频 活动预告： 企业如何才能通过技术的力量实现业务暴涨？ 主题： 1，传统企业如
什么是组件 组件化就好像我们的电脑装机一样，一个电脑由显示器、主板、内存、显卡、硬盘，键盘，鼠标...。 组件化开发有如下的好处： 降低整个系统的耦合度，在保持接口不变的情况下，我们可以替换不同的组件快速完成需求。 例如输入框，可以替换为日历、时间、范围等组件作具体的实现。调试方便，由于整个系统是通过组件组合起来的，在出现问题的时候，可以用排除法直接移除组件，或者根据报错的组件快速定位问题，之所以
一 组合而不是继承 React组件是无法继承的，即不存在 React.extend 之类的方法可以定义一个子类。 React推崇通过组合的方式来组织大规模的应用。 所以所谓父子组件，就和DOM中的父子元素一样，他们是有从属关系，但没有继承关系。 比如： [javascript] view plain copy var Team = React.createClass({ render: f
相关文章 React Native探索系列 前言 在Android或者iOS开发中我们会用到很多控件，这些控件会有很多的属性、样式等等。同样的，React Native中的组件也有属性、样式和状态。 1.Props（属性） 组件创建时会设置一些参数来定制这个组件，这些参数就是属性，属性一旦设定，在组件的生命周期中就不会改变。下面拿Image的source属性和Text的onPress属性作为举例。
原文地址：http://tech.meituan.com/talk-about-reactivecocoas-cold-signal-and-hot-signal-part-3.html 第一篇文章中我们介绍了冷信号与热信号的概念，前一篇文章我们也讨论了为什么要区分冷信号与热信号，下面我会先为大家揭晓热信号的本质，再给出冷信号转换成热信号的方法。 揭示热信号的本质 在ReactiveCocoa中，
原文地址：http://tech.meituan.com/talk-about-reactivecocoas-cold-signal-and-hot-signal-part-3.html 第一篇文章中我们介绍了冷信号与热信号的概念，前一篇文章我们也讨论了为什么要区分冷信号与热信号，下面我会先为大家揭晓热信号的本质，再给出冷信号转换成热信号的方法。 揭示热信号的本质 在ReactiveCocoa中，
本系列博文从 Shadow Widget 作者的视角，解释该框架的设计要点，既作为用户手册的补充，也从更本质角度帮助大家理解 Shadow Widget 为什么这样设计，相关概念是怎么提出的，正确的使用姿势等。 1. 前言 "非正经入门" 是相对 "正经入门" 而言的。 正经入门 Shadow Widget 的路数是：按照 Shadow Widget 技术栈的依赖顺序，依次学习各个手册，比如 Re
React技术栈之React（一）初识React React技术栈之React（二）组件的prop和state React技术栈之React（三）组件的生命周期 React严格定义了组件的生命周期，共3个过程： 1) 装载过程（Mount）：组件第一次在DOM树中渲染的过程； 2) 更新过程（Update）：组件被重新渲染的过程； 3) 卸载过程（Unmount）：组件从DOM树中删除的过程。 三
React技术栈之Webpack环境搭建（一）手动搭建 React技术栈之Webpack环境搭建（二）不同环境不同配置 React技术栈之Webpack环境搭建（三）打包性能优化 实际项目，动辄上千个模块，打包花1分钟以上是很常见的。我们构建的时候，往往希望自己的代码和第三方库（vendors）可以分开打包，因为不涉及到升级第三方库时，就没必要每次浪费打包时间在这上面。 Dll（动态链接库）是We
前言 这篇文章来介绍一下RN的属性和状态，以及在之前Hello World项目中已经出现的比如style等UI样式的使用，之后我们就能使用这些来搭建一些简单的UI界面。 还记得搭建环境的时候init的AwesomeProject项目吧，我们把它导入到WebStorm中，下边的内容都可以在里边改代码！ 关于如何运行，可以查看上一篇博客，这里就不赘述了！ Props（属性） 大多数组件在创建时就可以使
React在Github上已经有接近70000的 star 数了，是目前最热门的前端框架。而我学习React也有一段时间了，现在就开始用 React+Redux 进行实战！ 上回说到使用Redux进行状态管理，这次我们使用Redux-saga 管理 Redux 应用异步操作 React 实践项目 （一） React 实践项目 （二） React 实践项目 （三） - 首先我们来看看登陆的 Redu
相关文章 React Native探索系列 React Native组件系列 前言 此前介绍了最基本的View组件，接下来就是最常用的Text组件，对于Text组件的一些常用属性，这篇文章会给出简单的例子以供学习。 1 概述 Text组件对应于Android平台的TextView，用来显示文本。无论做什么应用几乎都要使用它，可以说是应用最频繁的组件之一。Text组件的内部使用的并不是flexbox
JSX 允许直接在模板插入 JavaScript 变量。如果这个变量是一个数组，则会展开这个数组的所有成员。 <html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="D:/ReactDom/build/react.min.js"></script>
<scri
