React开发

图解ES6中的React生命周期


React-PDF 帮你在 React 应用中展示 PDF 文件

Easily display PDF files in your React application. http://projekty.wojtekmaj.pl/...

高效的 MobX

MobX 是一个经过战火洗礼的库,它通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展。MobX背后的哲学很简单:

使用 CI 构建和发布全平台 Electron 应用

介绍一种简单高效的方法构建并发布安装包

掌握这 5 大核心概念,你就理解了 React

帮你理清学习 React 的思路

Redux 学习笔记 - 源码阅读

同步自我的 博客 很久之前就看过一遍 Redux 相关技术栈的源码,最近在看书的时候发现有些细节已经忘了,而且发现当时的理解有些偏差,打算写几篇学习笔记。这是第一篇,主要记录一下我对 Redux 、redux-thunk 源码的理解。我会讲一下大体的架构,和一些核心部分的代码解…

React 动画的基础知识

由于 React 加持了虚拟 DOM 等诸多特性,所以在 React 上实现常规的动画效果有一些特别之处。本文不会深入探讨 React 对动画的处理逻辑,只会简单地演示如何在 React 创建动画效果,因为我也没有做过线上的 React 动画实例,谨以此文抛砖引玉,算是最基础的入门了解。

[[译] 高性能 React:3 个新工具加速你的应用](https://juejin.im/entry/5971b...

原文地址:High Performance React: 3 New Tools to Speed Up Your Apps 原文作者:Ben Edelstein 译文出自:掘金翻译计划 本文永久链接:https://github.com/xitu/gold-...

4 张动图解释为什么(什么时候)使用 Redux

本文描述了什么时候开始使用 Redux。作者描述了在构建一个真实 React APP 时,从没有使用 Redux 到使用 Redux 的过程以及收获。 首先,并不是所有的 React 应用程序都需要使用 Redux。事实上,大多数非常简单的 React 应用程序根本不能从 Re…

React 动画入门

由于 React 加持了虚拟 DOM 等诸多特性,所以在 React 上实现常规的动画效果有一些特别之处。本文会介绍 React 官方插件、React Motion 和 GSAP 三种实现方式的基本使用方式,并分析三种方式的优劣……

React-Hotkeys v1.0.2 发布,React 版键盘捕捉 JS 库

这是一个基于hotkeys.js 的一个React版本,监听keydown和keyup,定义快捷键,捕获键盘输入和输入的组合键。

更新内容:

  • 添加测试用例;
  • 添加实例demo;
  • 添加实例预览web界面;
  • web界面自动生成脚本;
  • 代码覆盖率等;


[[译文] React: 一步一步搭建大型应用](https://juejin.im/entry/58785...

翻译自 https://www.fullstackreact.co...
讲述了,从安装开发环境测试环境,到搭建应用,一步一步如何搭建答应完整的 react 应用的。

主要一下几方面:

  1. 环境配置
  2. 项目结构设计
  3. react 测试书写
  4. 路由和组件的设计

涉及到的知识:

React,Postcss, Webpack, css modules, react-router, karma, mocha, enzyme, flexbox

Dva + Ant Design 前后端分离之 React 应用实践

给大家带来 React 实践的一些经验,一些踩坑的经验。

传送门:React Portal

React v16增加了对Portal的直接支持,今天我们就来聊一聊Portal。似乎所有说React Portal都直接用Portal这个单词,没听过这词的朋友可能觉得不知所云,其实,Portal可以有一个很形象的翻译——“传送门”。

从Preact了解一个类React的框架是怎么实现的(二): 元素diff

首先欢迎大家关注我的掘金账号和Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。 其实我在阅读React源码的时候,真的非常痛苦。React的代码及其复杂、庞大,阅读起来挑战非常大,但是这却又挡不住我们的React的原理…

React 常用面试题目与分析 - 某熊的全栈之路

React 常用面试题目与分析从属于笔者的 Web 前端入门与工程实践,更多前端思考借鉴 2016 - 我的前端之路: 工具化与工程化

聊聊 React Router v4 的设计思想

React Router v4 发布已经有几个月了,但好像并没有得到太多人的青睐,大家(包括我们团队自己)还是习惯使用v2、v3版本。这一方面是因为v4版本是一次破坏性的升级,从v2、v3 升级到v4,必需要大量重写原有的路由相关的代码,对于已经稳定的项目,一般是不会轻易尝试这种…

React源码解析(三):详解事务与队列

在前两篇文章中,我们分析了React组件的实现,挂载以及生命周期的流程。在阅读源码的过程中,我们经常会看到诸如transaction和UpdateQueue这样的代码,这涉及到React中的两个概念:事务和队列。因为之前的文章对于这些我们一笔带过,所以本篇我们基于大家都再熟悉不…

React Router v4 中文文档

新的 React Router 从 React 汲取了很多思想和理念,它所提供的路由都可以看成是一个组件。所以,如果你会 react,那么你就了解 React Router,他们的核心是一样的。

React合成事件和DOM原生事件混用须知

如果DOM上绑定了过多的事件处理函数,整个页面响应以及内存占用可能都会受到影响。React为了避免这类DOM事件滥用,同时屏蔽底层不同浏览器之间的事件系统差异,实现了一个中间层——SyntheticEvent。 React并不是将click事件绑在该div的真实DOM上,而是在…

深入理解 React 高阶组件

高阶组件是一种很好的模式,很多 React 库已经证明了其价值。这篇文章中我们将会详细的讲解什么是 HOC,你能用它做什么,它有哪些局限,如何实现它。

【React】setState详解

这四次输出,按常理来说分别是: 1,2,3,4。但是,实际输出为: 0, 0, 2, 3。 在分析之前,需要知道setState的一些关键点。 多次setState函数调用产生的效果会合并。 上面两块代码的效果是一样的。如果每次调用都引发一次生命周期更新,那性能就会消耗很大了。…

React v16.0正式版发布

我们很高兴的宣布React v16.0发布了,这次版本的新增了一些呼声很高的特性,包括支持render返回数组和字符串、错误处理、portals、自定义DOM属性、优化服务器端渲染以及减少文件大小。

Electron 实战桌面计算器应用

前言 Electron 是一个搭建跨平台桌面应用的框架,仅仅使用 JavaScript、HTML 以及 CSS,即可快速而容易地搭建一个原生应用。这对于想要涉及其他领域的开发者来说是一个非常大的福利。 项目介绍 仓库地址:lin-xin/calculator 我这里通过 Elec…

最新版 React 中文文档已经全部翻译完毕啦~

感谢翻译组的同学们一个月来的努力,文档终于全部翻译完毕啦,欢迎查阅~

React 高阶组件(HOC)入门指南

之前的文章React Mixins入门指南介绍了React Mixin的使用。在实际使用中React Mixin的作用还是非常强大的,能够使得我们在多个组件中共用相同的方法。但是工程中大量使用Mixin也会带来非常多的问题。Dan Abramov在文章Mixins Consid…

【译】光速 React

原文地址:React at Light Speed 原文作者:Jacob Beltran 译文出自:掘金翻译计划 译者:ZhangFe 校对者:yzgyyang,xunge0613 光速 React Vixlet 团队优化性能的经验教训 在过去一年多,我们 Vixlet 的 w…

如何写出漂亮的 React 组件

在 Walmart Labs 的产品开发中,我们进行了大量的 Code Review 工作,这也保证了我有机会从很多优秀的工程师的代码中学习他们的代码风格与样式。在这篇博文里我会分享出我最欣赏的五种组件模式与代码片。不过我首先还是要谈谈为什么我们需要执着于提高代码的阅读体验。就好像你有很多种方式去装扮一只猫,如果你把你的爱猫装扮成了如下这样子:

相关文章
相关标签/搜索