我要反馈问题

加入众成翻译官方交流群(群号:362419683)

关注《奇舞周刊》微信号
阅读更多精选前端技术文章

友情链接

猿说:互动氛围更好的IT交流学习平台

互动氛围更好的IT交流学习平台

立即访问
声享:制作精彩的有声幻灯片

使用声享在线PPT快速制作分享优质内容

立即体验

京ICP备17024260号

shelwin

在生产环境中使用LogRocket记录Redux日志--sitepoint

63阅读 · shelwin 1天前翻译  
Redux JavaScript React

原文链接 在web应用中排查问题很难。那些难解的js错误,用户上报的bug,还有QA系统里的issue,解决这些影响用户的问题是永恒不变的斗争。这些还只是那些明显的问题,事实是大部分的bug从来都没有被上报,因为当用户对应用有个不好的体验时,他们将不再使用,或者忍气吞...

is_january

我为什么从 React 转向 Cycle.js — SitePoint

707阅读 · is_january 2017-07-09翻译  
React JavaScript

我猜现在大部分开发者都在使用某种框架来开发应用,框架是用来帮助我们架构复杂的应用,同时为我们节约时间的。每天我们都会看到许多讨论,这些讨论会关注哪种框架最好、哪种框架你应该首先学习等等。所以今天,我将要分享我的经验,以及为什么我会从 React 转向 Cycle.j...

miaoyu

构建一个React组件库 | 第三部分

138阅读 · miaoyu 2017-06-30翻译  
Web JavaScript React

引言 该系列文章将通过创建一个组件库来引导你学习如何构建自己的组件库。 这是第三部分,如果你还没有读 第一部分和 第二部分,我建议你先读。 我们将讨论: 创建一个Label元素 让我们的按钮元素有更强的可扩展性 元素尺寸的一致性 添加一个Label元素 $...

mjzhang

怎么写一个React组件库(二)

443阅读 · mjzhang 2017-06-16翻译  
Web JavaScript React

引言 该系列文章将通过创建一个组件库来引导你学习如何构建自己的组件库。 这是该系列的第二部分。如果你还没有阅读 Part 1,我推荐你先阅读它。另外,我们将会讨论有关原子设计的内容。如果你不熟悉相关概念,阅读一些相关内容 (这儿) 将对你很有帮助。 在该部分我们将讨论...

mjzhang

怎么写一个React组件库(一)

620阅读 · mjzhang 2017-06-14翻译  
Web React

引言 该系列文章将通过创建一个组件库来引导你学习如何构建自己的组件库。 这是该系列的第一部分。该部分将主要关注配置我们的模块和文件结构,但我们最后将会创建一个示例组件! 🎉 如果你想要看第二部分,点击这里! 前提 我不需要你之前在 npm 发布过模块,但我们需要有以...

chechengpeng

深入比较选择 Angular 还是 React

949阅读 · chechengpeng 2017-06-07翻译  
Web JavaScript React

我应该选择 Angular 还是 React?现在JS框架两强的格局让许多开发者选择起来很纠结。无论你是一个正在思考如何入门的新手,还是一个为下个项目挑选框架的设计者,或是一个架构师为公司做长远的规划,你都有可能从学习这个主题中受益。 为了节省你的时间,提前做出如下...

印前

ReactJS和React-Native的主要区别在哪里

734阅读 · 印前 2017-05-28翻译  
Web React

React-Native已经存在了约2年,而且因为它能被Android使用让我们构建跨平台的移动app而成为真正有趣的框架。一些开发者还为构建适用于Mac和Windows的桌面应用程序量身打造了一些框架,这简直太酷了。 React-Native在某种程度上与React...

foreverjiangting

光速React – Vixlet

1140阅读 · foreverjiangting 2017-05-28翻译  
Web JavaScript React

在过去的几年里, 我们Vixlet (http://www.vixlet.com) 的web团队,着手了一项激动人心的项目,将我们的整个web应用迁往React+Redux的建设。对于我们整个团队来说,这是一个不断增长的机会,而且在这个项目过程中,我们一直充满着挑战。...

miaoyu

【React】Webpack入门 以及 css模块化

445阅读 · miaoyu 2017-05-23翻译  
CSS CSS Modules React

这是讲CSS模块化系列文章的最后一篇,我将探索如何通过Webpack来建一个静态的React网站。这个静态网站将包含模板:一个主页和一个包含几个React组件的页面。我们来看看他们是怎么运作的。 系列文章 第一篇: 什么是css模块化以及我们为什么需要模块化?...

DaoG

React Native Navigator-像专家一样处理React Native 导航

681阅读 · DaoG 2017-05-17翻译  
Web React

React Native Navigator可以做很多事情。在这里,我将尝试介绍几个可以使用导航器做的例子,并深入解释它们的工作原理。 在React Native中,你目前有两个能开箱即用且稳定的导航方案(其中只有一个支持跨平台)。还有即将到来的Navigator实验...

00_悦

教程 | React

299阅读 · 00_悦 2017-05-16翻译  
Web React

# 教程 我们来创建一个简单实用可以放到你的博客里面评论框,Disqus、LiveFyre、Facebook提供了最简单版本的实时评论。 我们会提供: 所有评论的展示 提交评论的表单 提供用户后台的hooks 还会有一些的巧妙的特性: 优化的评论:评论会在...

焉逢

如何使你的 React 应用提速 15 倍

433阅读 · 焉逢 2017-05-12翻译  
Web React

即使不采用任何优化手段,React 在通常情况下也是足够快的。不过,你还是可以通过一些手段来提升它的性能。在 HelloSign 团队工作期间,我发现了一些快速的优化手段使得我们的应用有令人惊叹的表现。通过这些简单的优化,我可以将渲染时间从 3000 毫秒减少到不到...

miaoyu

【React】什么时候使用shouldComponentUpdate方法?

361阅读 · miaoyu 2017-05-10翻译  
React JavaScript Web

你听说React是一个很快的前端框架,决定试一试。然后你找了个样例开始了React之旅,这时你注意到shouldComponentUpdate和PureRenderMixin,通过google找到一些技巧让React变得更快。但是React真的快吗? 答案是React...

省油の灯

React 元素 vs React 组件

401阅读 · 省油の灯 2017-04-28翻译  
React

React 元素 vs React 组件 Dec 15, 2016 几个月前,我曾想过的一个简单的问题被我发布到Twitter上。 令我感到惊讶的不是这个问题的联合混乱,反而是我收到的不准确的答复。 Instances / Instantiation Render...

gdb

使用React和D3 – ReactJS News

772阅读 · gdb 2017-04-27翻译  
React D3.js

现在,我们可以说 React 是用于构建用户界面的首选JavaScript库。它几乎可以用在在任何地方,甚至和 jQuery 一样广泛使用。它拥有简单,强大,易于学习的API。并且它的性能指标也令人印象深刻,这都归功于虚拟DOM及其状态变化之后巧妙的diff算法。然而...

sea_ljf

5个值得学习的React Native开源项目 - React Native笔记 - 中

1174阅读 · sea_ljf 2017-04-23翻译  
Web React

老司机(资深程序员)都认为,去阅读开源项目的源码,是学习编程的好方法。 阅读开源项目的源码,是高效提高自己写代码能力的最好方式,尤其是这项目使用的工具(译者注:即使用的库、框架等)相当前沿或者处于快速发展的阶段。而 ReactNative 就是完美的学习对象。它正...

踏歌

使用虚拟dom和JavaScript构建完全响应式的UI框架

1178阅读 · 踏歌 2017-02-17翻译  
JavaScript React MobX

最近我热衷于响应式编程,特别是在Mobx生态系统。我非常喜欢这个框架背后的思想:以透明的方式实现响应式。所以我问我自己… 在JavaScript中怎样才能创建一个完全 响应式(透明)的UI框架呢? 不要担心,至少现在你不会在npm仓库中看到另外一个JavaScri...

junerzyz

React面试题

1044阅读 · junerzyz 2017-01-17翻译  
Web React

实际上, 想要去了解某人对React的理解程度,仅凭这些面试题或许远远不够。 react面试题 这篇文章更应该取名为关于react你不是非知不可的东西,但如果了解了的话总是有好处的。 当你调用setState的时候实际发生了什么? 当你调用setState这个方...

zxhycxq

深入 React之前

694阅读 · zxhycxq 2017-01-11翻译  
JavaScript React

我正在帮助几位朋友学习React,但是只是基础原理方面的。他们之前没有前端开发方面的经验。 如果你已经是一名前端开发工程师,你可以跳到 作为前端工程师,在2017年应该学习哪些东西 学会提问 如何学会提问,何时询问,以及不问什么是重要的。比如说,你不确定如何管理状态,...

Legendary

关于React你需要知道的13件事 - aimforsimplicity.com

448阅读 · Legendary 2017-01-09翻译  
JavaScript React

图片来自Franco Folini 我已经使用React一年多了。我也正在进行培训,帮助人们从头开始学习Redux。 我注意到,在每次训练中,我一遍又一遍地解释着一些相同的概念。 如果你想“谈论React”的话,我认为这些概念是必不可少的。如果你正处于学习的中间阶段...

landerqi

我们是如何把模板渲染引擎转换为React的 | Pinterest Engineering

563阅读 · landerqi 2017-01-05翻译  
React JavaScript Python

在2015年,为了使业务跟上我们的快速增长,提高开发效率,我们决定把我们传统的web体验迁移至React。最终,我们发现React比我们之前的模板引擎有更快的渲染速度,React在特性迭代上阻碍很少还有一个庞大的开发者社区。在之前的博客中,我们讲述了如何把Pinner...

wenkai

深入理解 React 高阶组件

840阅读 · wenkai 2017-01-04翻译  
React Redux CSS

摘要 这篇文章主要面向想要使用 HOC(Higher Order Component,高阶组件) 模式的进阶开发者。如果你是 React 新手,建议你从阅读 React 的文档开始。 高阶组件是一种很好的模式,很多 React 库已经证明了其价值。这篇文章中我们将会详...

小猿大圣

基于 React 的通用框架 Next.js:服务端 React

728阅读 · 小猿大圣 2017-01-01翻译  
React

“通用(universal)”是一个社区创造的术语,是指构建的 web 应用程序能使服务端更简单便利的渲染页面。你可能更熟悉“同构(isomorphic)”这种叫法,但是这篇文章的目的不是为了讨论这些命名。我们将学习如何使用 Next.js 构建由服务端渲染的 Rea...

wenkai

使用“Fetch as Google”测试React驱动的网站的SEO

534阅读 · wenkai 2016-12-29翻译  
React JavaScript SEO

图片作者:我自己 我最近进行了一项测试,客户端渲染是否会阻止搜索引擎的爬取。在我这篇文章中提到,React 似乎根本不会影响搜索引擎的索引。 现在我们来到下个环节。我将会建立一个沙箱 React 项目,看看 Google 是如何爬取和索引的。 建立一个小的 w...

wenkai

动态JSX标签

699阅读 · wenkai 2016-12-23翻译  
Web React

很多使用 JSX 的 React 开发者不知道如何创建一个 动态 JSX 标签。我们想把标签名当做一个变量,而不是把input、textarea、div、span(或任何其它标签)写死。 让我们看一看: const input = this.props.long ?...

oak

在2016年选择Ember,而不是React

1670阅读 · oak 2016-12-23翻译  
React Ember JavaScript

一个月前, 我们启动了一个新的产品: Instant 2FA,要想不到一个小时就给一个网站添加双因子认证(two-factor authentication),这是最简便的方式。 目前,不论是通过 Google Authenticator,还是通过使用...

动静若参商

Redux实践, 第0章: 引言 · Mark's Dev Blog

588阅读 · 动静若参商 2016-12-16翻译  
Web React

此系列技术文章基于笔者实践而成。 引言 我已经学习redux有一段时间了,利用各种资源。刚开始,我通过阅读文档、搜索网络教程、在Reactiflux的聊天频道潜水来学习。当我逐渐学会使用redux后,开始在Reactiflux、StackOverflow、Reddit...

whisperfairy

React Component 优化

804阅读 · whisperfairy 2016-12-14翻译  
Web React

在 沃尔玛实验室 笔者与他的团队对React组件化的最佳实践做了大量的Code Review,他们从不同类型的天才工程师的整理了各种不同类型的关于React Component的写法,在这篇文章中笔者将分享五个他最喜欢与认同的构建模式与写法。 首先,我们需要明确 整洁...

zhangolve

九个你忽略的React 无状态组件的优势

1571阅读 · zhangolve 2016-12-13翻译  
Web React

React 0.14 引进了一种更简单的方式来定义组件,也就是无状态组件。这种组件使用了原生Javascript 函数,下图就是在用ES6的情况下,React 0.14 之前版本的组件写法和它之后对应的组件写法。 前者用了27行代码来实现,而后者只用了21行,这当然...

文蔺

React 中的 AJAX 请求:获取数据的方法与时机

1473阅读 · 文蔺 2016-12-07翻译  
React AJAX Data

译者注:本文超级超级基础。差不多可以忽略。很久之前认领的,闲着没事顺手翻译了,求轻喷 😆。当时认领,仅仅是因为 axios 这玩意儿。 React 新手一开始可能会问到这样一个问题,“在 React 中如何发送 AJAX 请求呢?” 本文正要回答该问题。 首先:...

玩命加载中……
已经到底啦