React JSX语法
JSX即 JavaScript XML，是一种在React组件内部构建标签的类XML语法。组件在React中，是用于分离关注点，而非模板或处理显示的逻辑。虽然React不使用JSX同样可以工作，但官方更建议使用JSX。JSX借签了XML标签打开与关闭的优点，提高了组件及复合组件的可读性。JSX中可以直接使用HTML标签，赋予React强大的表现能力的同时，...
阅读全文 →
IT笔录
IT技术学习笔记和经验记录
第 4/27 页，共 264 篇文章React Flux 架构使用示例
Flux是Facebook官方使用的前端MVC框架，在React的基础上构建。在React 数据流与Flux框架中介绍Flux时，使用了一个实现简单搜索功能的示例，本篇将介绍这个示例的实现过程。
简介
创建分发器Dispatcher
创建Store
创建视图View
4.1 controller-view
4.2 其它Ｖiew
...
阅读全文 →
React Node.js（Express）服务端渲染、服务端/客户端组件共享示例
React 组件可以客户端进行渲染。在客户端渲染组件时，是在页面加载完成后才开始渲染的。这会对页面加载效率造成影响，也不利于搜索引擎的抓取（不利于SEO）。基于React 虚拟组件机制，我们可以在服务端对组件进行渲染。在服务端渲当React 组件不仅可以提升页面的加载效率，而且可以服务端在客户端共用组件，提高组件的复用率。本文将通过一个简单的示例，介绍在N...
阅读全文 →
React Flux框架入门示例
Flux是Facebook官方推出一套前端应用框架，其视图部分是React组件。
...
阅读全文 →
React 数据流与Flux框架
React 本身只是一个视图（View），也就是MVC中的V。你可以很容易将React集成到你当前使用MVC框架中，也可以使用FactBook官方推出的Flux框架。Flux框架为React 提供一套单身的数据流（Data Flow）的模式，Flux为我们提供了组织代码和安排内部逻辑的方式，这样我们只需要写很少的代码就能实现想要的功能，使应用更加易于开发和...
阅读全文 →
React 服务端渲染
React 组件会在虚拟DOM中完成渲染，并通过虚拟DOM来更新DOM在浏览器中的变化。React 对组件的渲染是由 JavaScript 的完成的，也就是说：只有 JavaScript 在浏览器加载完成后才会开始组件的渲染。这种DOM管理机制会存在一些问题，如：搜索引擎抓取不到站点内容、对站点性能造成一定的影响。React 虚拟DOM是DOM在内存中的表...
阅读全文 →
React 性能优化
React 会在任意时间点在状态改变后高效的重绘整个用户界面，其对虚拟DOM diff法保证了DOM的最小化重绘。在大多数情况下，React 对DOM的渲染效率可以满足我们需求。但少数情况下，我们需要更精细化的渲染来进一提高运行效率。本文介绍一些简单的优化方法，你可以在需要时参考使用。
shouldComponentUpdate()方法
shou...
阅读全文 →
React 入门示例—从Hello world开始
React是一个构建用户界面的JavaScript库，其主要目的是用于构建随着时间推移而不断变化的大规模应用。React的简单性、强表达能力、级组件化等特性，使其可以非常高效的构建用户界面。
从Hello world开始
离线转换
1. 从Hello world开始
下载React后。创建helloworld.html文件，文件内容如下：
&l...
阅读全文 →
React 表单-表单的可用性与优化
表单是应用中与用户最复杂交互之一，我们在创建和组织表单组件时，最重要考虑的一点就是表单的可用性。
用户提示与反馈
可访问性
减少用户输入
React 简单且高效的实现了对组件的管理，同时也提供了开发人员的生产效率。但开发出来的常常会缺乏可用性，要编写出高可用性组件，需要在细节上进行更多的考虑。下面是一些表单组件的优化建议：
1. 用户提示与...
阅读全文 →
React 表单-表单组件的高级用法
随着应用规模的扩大，应该考虑对相同功能进行抽象，以提高代码的复用率和开发效率。React 表单组件中，我们可以对多个表单元素共享事件处理器，或将功能相同的组件编写为自定义组件。
多表单元素共享事件处理器
1.1 通过.bind()方法共享
1.2 通过底层DOMname属性实现共享
1.3 通过React addon实现共享
...
阅读全文 →