我要反馈问题

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

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

友情链接

声享:制作精彩的有声幻灯片

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

立即体验

京ICP备17024260号

印前

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

46阅读 · 印前 1天前翻译  
Web React

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

foreverjiangting

光速React – Vixlet

715阅读 · foreverjiangting 1天前翻译  
Web JavaScript React

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

蜗牛上树

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

144阅读 · 蜗牛上树 2017-05-23翻译  
CSS CSS Modules React

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

DaoG

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

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

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

00_悦

教程 | React

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

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

焉逢

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

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

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

蜗牛上树

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

127阅读 · 蜗牛上树 2017-05-10翻译  
React JavaScript Web

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

省油の灯

React 元素 vs React 组件

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

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

gdb

使用React和D3 – ReactJS News

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

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

sea_ljf

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

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

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

踏歌

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

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

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

junerzyz

React面试题

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

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

zxhycxq

深入 React之前

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

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

Legendary

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

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

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

landerqi

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

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

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

wenkai

深入理解 React 高阶组件

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

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

小猿大圣

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

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

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

wenkai

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

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

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

wenkai

动态JSX标签

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

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

oak

在2016年选择Ember,而不是React

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

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

动静若参商

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

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

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

whisperfairy

React Component 优化

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

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

zhangolve

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

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

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

文蔺

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

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

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

myvin

我为什么感谢JS疲劳。我知道你会很反感这些字眼,但是这次和以往不同。

526阅读 · myvin 2016-12-07翻译  
JavaScript C React

学习JS的话你可能会被JS知识的海洋淹没。你会感觉到有太多太多你不知道的东西。当我们尝试着去吸收所有知识的时候,就好像拿着碗在大海里面舀水。 这是永远不可能发生的。前五百年后五百年,没有谁能把所有的 JavaScript、CSS 和 Web API 完全掌握。没有谁会...

小猿大圣

Refs 和 DOM - React官方文档

515阅读 · 小猿大圣 2016-12-07翻译  
React

在典型的 React 数据流中, props 是父组件与子组件互动的唯一方法。 想要修改子组件,你要用新的props重新渲染它。 然而, 有些情况你必须在典型的React数据流之外强制修改子组件。被修改的子组件可以是一个React组件实例,也可以是一个DOM 元素。...

cherryvenus

一份学习计划,治愈因js而心力交瘁的你

1218阅读 · cherryvenus 2016-12-05翻译  
JavaScript React HTML

一份学习计划,治愈因js而心力交瘁的你 最近,我就像大家一样无意中发现了Jose Aguinaga的一篇文章“在2016年学习js是一种怎样的体验”。 很显然,这篇文章直击要害:我看到这篇文章在Hacker News上两次登上了榜首,这同样是在r javascrip...

myvin

你可能不需要Redux

1236阅读 · myvin 2016-12-04翻译  
Redux React HTML

在决定是否需要 Redux 之前,人们总会选择 Redux 。“如果不使用 Redux 的话我们的应用不能扩展怎么办?”之后,开发者就会因为引入 Redux 而发愁。“只是让一个简单的 feature 运行,为什么我要搞出三个文件呢?” Redux 一定是必须的吗!...

善意的闲人

前端 MVC 已死吗?

1404阅读 · 善意的闲人 2016-12-01翻译  
React JavaScript UI

越来越多的前端开发者采用单向架构。那么经典的“模型-视图-控制(MVC)”前景如何呢? 为了理解我们是怎么到了现在的境地,不妨回首一下前端架构的演化之路。 过去四年,我倾力于大量的网页项目,花了很多时间做前端架构、将不同的框架整合进来。 2010 年之前,JavaS...

hi

ES6模版方法:Handlebar杀手?

639阅读 · hi 2016-11-28翻译  
ES6 HTML React

我在FT上最近有和其中一个一流开发者@bjfletcher的讨论。我们正在考虑替换模板语言的可行性,例如Handlebars和ES6模版方法的某些方面,Ben建议把我们的对话发布到网上是个不错的主意 - 带一个有诱惑性的标题链接及所有内容。 所以什么是模版语法呢?它们...

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