一个能够支持前后端分离并支持中间层同构的完整框架,或许现在它还不够完善,但是我会把构建该框架中遇到的问题都列出来,以方便其他人遇到问题不在需要去到处搜索问题,希望为自己搭建框架的人有一些帮助,文...

Twitter Lite以及大规模的高性能React渐进式网络应用

Stateless function 无状态组件 平时写组件用到比较多的就是无状态组件，不但优雅，也是优化react性能的一种手段。 const Greeting = ({ name, styl...

Redux是什么呢？一个状态管理工具。那是干嘛用的呢？都知道，React可以进行单页应用的开发，可以对页面 中各个模块进行分割形成组件，而组件之间就避免不了事件的传递或数据的交互，那Redux就...

CSS模块是一个CSS文件，其中所有类名和动画名称在本地默认范围. CSS模块就是所有的类名都只有局部作用域的CSS文件。

JavaScript 经常会触发视觉变化。有时是直接通过样式操作，有时是会产生视觉变化的计算，例如搜索数据或将其排序。时机不当或长时间运行的 JavaScript 可能是导致性能问题的常见原因。...

React 已经在 JavaScript 中普及了函数式编程。 这导致一些大型框架采用了 React 使用的基于组件的 UI 模式。 现在功能性发烧已经蔓延到整个网络开发生态系统中。

在react典型的数据流中， props 传递是父子组件交互的唯一方式；通过传递一个新的 props 值来使子组件重新 re-render ,从而达到父子组件通信。当然，就像react官网所描述...

开门见山，由于我们项目的前端只有一个 bundle ，所有代码都在一个js文件里，随着功能不断的堆叠，体积已经到无法忍受的地步了（gzip后即将突破300k），导致首屏的时间不停的涨啊涨，最近一...

一款轻量级的图片上传裁剪组件

近年来，冒出大量MVVM框架，但它几乎无一例外依赖于babel, webpack等编译或手脚架，这让小公司出身的前端们望洋兴叹。因此小城市的前端们，没有高手带着，许多培训班出身，或自学成才转行，...

本文首先分析React在DOM事件上的架构设计、相关优化、合成事件(Synethic event)对象，从源码层面上做到庖丁解牛的效果。同时，简单介绍下react事件可能会遇到的问题。

本文主要是提取了开发组件工程化的一些关键要点，具体的开发脚手架可以参考 steamer-react-component ，里面主要举了 pure-render-deepCompare-decor...

A spreadsheet component for React

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套...

在我第一次编写 React 代码的时候，我见发现许多不同的方法可以用来编写组件，不同教程教授的内容也大不相同。尽管从那时候起框架已经相当成熟，但并没有一种固定的“正确”方式指导。

新闻热点 前端领域最新动态 《Chrome开始集成图形识别 API》 ：最近，Chrome团队尝试在Chrome中集成了一套与图形识别相关的API，使得图形识别这种以前只在原生应用中存在，或者在...

本文会教你如何在50 行代码内，不依赖任何第三方的库，用纯 JavaScript 实现一个 React.js 。

这是一篇给初学者的教程, 在这篇教程中我们将通过构建一个 Hacker News 的前端页面来学习 React 与 Webpack . 它不会覆盖所有的技术细节, 因此它不会使一个初学者变成大师...

当我们谈起React的时候，多半会将注意力集中在组件之上，思考如何将页面划分成一个个组件，以及如何编写可复用的组件。但对于接触React不久，还没有真正用它做一个完整项目的人来说，理解如何创建一...