马上开始翻译!

我要认领

全站翻译字数:1,816,043

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

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

我要反馈问题

junerzyz

React面试题

119阅读 · junerzyz 5天前翻译  
Web React

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

zxhycxq

深入 React之前

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

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

Legendary

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

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

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

landerqi

我们是如何把模板渲染引擎转换为React的 | Pinterest Engineering(这应该是博客发布者或机构)

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

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

wenkai

深入理解 React 高阶组件

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

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

小猿大圣

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

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

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

wenkai

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

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

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

wenkai

动态JSX标签

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

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

oak

在2016年选择Ember,而不是React

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

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

动静若参商

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

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

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

whisperfairy

React Component 优化

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

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

zhangolve

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

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

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

文蔺

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

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

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

myvin

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

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

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

小猿大圣

Refs 和 DOM - React官方文档

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

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

cherryvenus

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

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

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

myvin

你可能不需要Redux

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

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

善意的闲人

前端 MVC 已死吗?

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

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

hi

ES6模版方法:Handlebar杀手?

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

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

骄阳

Next.Js是JavaScript中的下一件大事吗?

824阅读 · 骄阳 2016-11-21翻译  
JavaScript React Webpack

我们知道已经有太多JS框架存在了。但是,每天还是可以看到新的JS框架出现。 紧随 create-react-app,Next.js是新的、值得关注的JS框架。 它有很酷的功能,包括: 基于路由的文件系统 代码拆分 服务器端渲染 零配置. 设置 轻松布署...

网络埋伏纪事

展示性组件和容器组件

428阅读 · 网络埋伏纪事 2016-11-13翻译  
React Redux DOM

Bismuth 在编写 React 应用程序时候,我发现有一个简单模式非常有用。如果你已经用过 React 一段时间,可能你已经发现它了。有篇文章已经很好地解释了它,但是我还是想加点东西。 如果你将组件分为两类,你会发现组件更容易重用和推理。我称它们为容器(Con...

网络埋伏纪事

一个治愈 JavaScript 疲劳的学习计划

11951阅读 · 网络埋伏纪事 2016-11-12翻译  
JavaScript React HTML

像其他人一样,我最近偶然看到 Jose Aguinaga 的文章《在 2016 年学 JavaScript 是一种什么样的体验》”。 译者注:中文翻译在此。 很显然,这篇文章触到了很多人的痛点:我看到它两次荣登 Hacker News 的榜首。它也是 /r/ja...

网络埋伏纪事

如何组织真正的 Redux/React 应用程序

779阅读 · 网络埋伏纪事 2016-11-08翻译  
React Redux Java

最近我在用 Redux/React 重写 Web 应用程序 Flow,这个工具用于帮助开发者更好地理解他们的应用程序的结构和行为。它提供了一个交互式的 Web 界面,将 Java 程序的执行流可视化。我面临如何组织工程的问题。 是按文件性质组织,还是按功能/数据域组织...

warcryDoggie

为什么我们要为Yarn的出现激动?

514阅读 · warcryDoggie 2016-11-02翻译  
Yarn React API

为什么我们要为Yarn的出现激动? By Ivan Blazevic on October 20, 2016 还记得web开发包管理的黑暗年代吗?为了节省一点点载入时间,你需要花大量时间在整个网络上搜索各种CDN找到一个特定版本的pakege。 还好,我们已经熬过来...

杨小福

开源项目React是如何组织和管理代码的

605阅读 · 杨小福 2016-10-31翻译  
React React Native DOM

如果你想给React贡献代码,那么这篇文档将会是一篇很好的教程。 我们并不会推荐任何在React中使用的这些约定惯例,因为许多都是因为历史原因产生的,而且会随着时间而发生变化。 模块加载系统 在Facebook内部我们使用一个叫"Haste"的模块...

网络埋伏纪事

React 初学者教程 15:设置 React 开发环境

837阅读 · 网络埋伏纪事 2016-10-28翻译  
React JavaScript Node.js

概述:学习如何配置 Node、Babel 和 Webpack 来高效创建 React 应用。 最后要学习的是如何设置创建 React 应用的开发环境。 迄今为止,我们都是通过包含几个 JS 文件来创建 React 应用的: <script src="h...

网络埋伏纪事

React 初学者教程 14:在 React 中访问 DOM 元素

584阅读 · 网络埋伏纪事 2016-10-28翻译  
DOM HTML React

有时我们需要直接访问 HTML 元素上的属性和方法。在 React 的缤纷世界里,JSX 代表纯粹的标记,那么为什么你会想要直接处理可怕的 HTML 呢?因为你会发现,很多时候直接通过 JavaScript DOM API 处理 HTML 元素,比用 React 的方...

网络埋伏纪事

React 初学者教程 13:用 React 创建一个简单的 Todo List 应用

672阅读 · 网络埋伏纪事 2016-10-28翻译  
React HTML UI

概述:通过学习如何创建经典的 Todo List 应用,将所有学过的 React 技巧投入到实战中。 如果说创建 “Hello, World!” 示例是庆祝你开始涉足 React,那么创建一个经典的 Todo List 应用是庆祝你接近掌握 React!在本教程中,我...

网络埋伏纪事

React 初学者教程 12:在 React 中用 React Router 创建单页应用

764阅读 · 网络埋伏纪事 2016-10-28翻译  
React CSS SPA

概述:通过学习如何使用 React Router 来创建一个单页应用,来提升 React 技能。 现在我们已经熟悉了 React 的基础知识,该提升几个档次了。下面我们要用 React 创建一个单页应用程序(即 SPA)。如同我们在 React 介绍中所言,单页应用程...

网络埋伏纪事

React 初学者教程 11:组件的生命周期

583阅读 · 网络埋伏纪事 2016-10-28翻译  
DOM React HTML

概述:学习生命周期方法,从而更好地理解组件能做和不能做什么。 在开始,我们以一个很简单的视图组件以及他们要做什么开始。随着我们对 React 更多,做了更酷以及更复杂的事情,结果发现组件并非那么简单。它们帮助处理属性、状态、事件,并且经常负责其它组件的幸福。跟踪组件做...

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