我要反馈问题

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

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

友情链接

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

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

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

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

立即体验

京ICP备17024260号

枫林

Next.js — React 完美的服务器端渲染框架

1637阅读 · 枫林 4天前翻译  
React js JavaScript

https://github.com/zeit/next.js/ Next.js 是一个非常简洁的 React 应用的服务器端渲染框架。 背景 Next.js 开源于 2016年的10月25日。开发 Next 的公司叫做 ZEIT。 Next.js 有一个提供...

neck

用 Gatsby 创建一个博客

1032阅读 · neck 2017-11-11翻译  
GraphQL Markdown React API HTML JavaScript

Gatsby 是一个令人难以置信的静态站点生成器,它允许使用React作为渲染引擎引擎来搭建一个静态站点,它真正具有现代web应用程序所期望的所有优点。它通过在构建时通过服务器端渲染将动态的 React 组件呈现为静态 HTML 内容。这意味着您的用户可以获得静态站点...

chaussen

摘自Medium:用React框架和Express模块进行服务器端渲染

226阅读 · chaussen 2017-11-08翻译  
React nodejs

用React框架和Express模块进行服务器端渲染 这周末我启动了一个编外项目,这个项目里要做的是服务器端的渲染。我在网上找的教程也好,建议也好都太深了,像Redux框架或React路由导航(React Router)这些特殊、时髦的东西根本不需要,我们可爱的Rea...

namelessman

最好的前端hacking备忘录——集锦

4038阅读 · namelessman 2017-11-06翻译  
Redux React Webpack ES2015 Vue Vuex Angular flexbox SCSS Stylus GraphQL

Indrek Lasn 瑞士软件工程师 😍10月27日 最好的前端hacking备忘录——集锦 记住所有API几乎是不可能的,这时候你需要一份备忘录!下面是我收集的最棒的前端备忘录。 Javascript ES2015 特性 https://devhints.i...

yinqiao

React 16 服务端渲染的新特性

389阅读 · yinqiao 2017-10-30翻译  
React JavaScript

React 16 中关于服务端渲染的新特性 快速介绍React 16 服务端渲染的新特性,包括数组、性能、流等 React 16 终于来了!🎉🎉🎉 React 16 中有许多令人激动的新特性(最著名的是Fiber的重写),但是对我个人而言,最兴奋的还是Reac...

eJayYoung

React Router v4 版本 完全指北

1533阅读 · eJayYoung 2017-10-28翻译  
React JavaScript SPA Web

React Router 事实上是React官方的标准路由库。当你在一个多视图的React应用中来回切换,你需要一个路由来管理那些URL。React Router 专注于此,同步保持你应用的UI和URL。 这个教程主要给你介绍React Router 的v4版本,以及...

chaussen

React-Navigation库,Redux模块的完全状态管理,标签栏和多重导航器

763阅读 · chaussen 2017-10-24翻译  
React js Redux React Native

React-Navigation库,Redux模块的完全状态管理,标签栏和多重导航器 编辑:17年2月5日更新到最新版的React-Navigation库接口,和最新版的React-Native框架 发了帖才发现自己傻了,8天前那些人已经为React-Native框...

chaussen

React.js式数学——作者Hacker Noon

392阅读 · chaussen 2017-10-22翻译  
React React.js Github

React.js式数学 做过有很多加减乘除的多步骤数学题吗?同时又喜欢React.js框架的速度和开发体验吗?有了react-real-math模块,就可以发挥React.js虚拟DOM树的功能,风风火火🔥地解决数学题了! react-real-math模块提供...

chaussen

React框架16版中的错误边界——作者:Hacker Noon

1396阅读 · chaussen 2017-10-21翻译  
React JavaScript

React框架16版中的错误边界 React框架16版已经出了,许多变化令人兴奋。其中有一个功能让我感到兴奋,那就是改良过的错误处理方法。之前的版本在渲染网页过程中,如果发生了运行时错误,那整个React框架就会处于一种被破坏的状态。 现在在React 16中,大家...

billyma

全栈 React + GraphQL 教程(一)

1045阅读 · billyma 2017-10-13翻译  
GraphQL React js

Part 1——前端:使用 Apollo 声明式地请求和 mock 数据 GraphQL 是一种新的 API 定义和查询语言,有可能成为新的 REST。它使 UI 组件易于声明式地获取数据,而不必关注后端实现细节。GraphQL 作为一种强大的抽象,可以加快应用开发...

Yves yao

MobX:MobX 和 React 十分钟快速入门

715阅读 · Yves yao 2017-10-11翻译  
MobX React JavaScript

MobX 是一种简单的、可扩展的、久经考验的状态管理解决方案。 这个教程将在十分钟内向你详解 MobX 的所有重要概念。MobX 是一个独立的库,但是大部分人将它和 React 共同使用,所以本教程将重点讲解他们的结合使用。 核心理念 State 是所有应用的核心,没...

chaussen

深入探究ReactJS

298阅读 · chaussen 2017-10-11翻译  
React

简介 模式初探 简介-图0 模式全图 (点击可打开) 那么先看一下全图吧,慢慢看不用急。总体上看好像很复杂,但实际上这个图里只描绘了两个运行过程:装载和更新。还有一个卸载的部分我省略了,因为这个部分有点类似于“反装载”,为了简化整个模式还是先去掉了。另外代码在...

miaoyu

React v16.0正式版发布

718阅读 · miaoyu 2017-10-09翻译  
React JavaScript

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

xiaomu

React16中的错误处理 - React Blog

589阅读 · xiaomu 2017-09-29翻译  
React JavaScript

ReactDocsTutorialCommunityBlogv16.0.0-rc.3GitHub React16的错误处理 2017.9.26 由Dan Abramov撰写。 随着React16的发布越来越接近,我们想宣布一些关于在组件内如何处理JavaScript错...

eJayYoung

一份来自Treebo 的 React 与 Preact PWA 性能分析报告

1607阅读 · eJayYoung 2017-09-27翻译  
React Web

作者:来自Treebo的Lakshya Ranganath,和来自Chrome的Addy Osmani Treebo是一家印度家喻户晓的经济型连锁酒店,在旅游业中占据了价值200亿美元的市场。他们最近开发了一个新的渐进式应用(PWA)作为默认的移动端体验,最开始使用...

llllll

React 中的状态架构模式

807阅读 · llllll 2017-09-25翻译  
React

这是一系列文章中的第一篇,其目的是提供对使用 React(或者是类 React 的库)构建复杂 Web 应用时使用的一些常见架构模式的深入审查,以及提供一些建议,用来避免使用那些模式时经常会遇到的问题。 我承认我还有第二个目的。 在我写这篇文章的时候,我意识到我在构建...

陈龙20155

用 Three.js, React 和 WebGL 开发游戏 — SitePoint

920阅读 · 陈龙20155 2017-09-25翻译  
React WebGL Three.js

我正在制作一款名为 “Charisma The Chameleon” 的游戏,它使用 Three.js,React 和 WebGL 开发。这是一篇使用 react-three-renderer (简称 R3R) 结合这些框架的介绍。 SitePoint 上有关于 Re...

miaoyu

【React】为什么我不再使用setState?

1442阅读 · miaoyu 2017-09-24翻译  
React MobX

几个月前,我开始停止使用React的 setState 。我并不是不再需要组件状态,而且不再用React来管理我的组件状态。 setState对于新手来说不是很友好,即使是有经验的React程序员在使用setState时,也很容易出bug,比如: Bug产生的原因...

huangxiaolu

React, Jest, Flow, Immutable.js将改用MIT开源协议

817阅读 · huangxiaolu 2017-09-23翻译  
React

下周,我们将根据MIT开源协议重新授权我们的开源项目React,Jest,Flow和Immutable.js。我们之所以修改这些项目的开源协议,是因为对于开源软件的生态系统来说,React举足轻重,我们不想让非技术原因阻碍技术进步。 受上次改变React协议的影响,我...

弈晨

重新思考 drag 和 drop

911阅读 · 弈晨 2017-09-19翻译  
React API Web

原作者: Alex Reardon 我们今天来讲一些基础的,但是很漂亮的东西。 先介绍一下 react-beautiful-dnd 拖拽是一个直观地移动和重排方式。我们已经在 Atlassian 的官方仓库上发布了 react-beautiful-dnd,它能够使表...

eJayYoung

React中的样式: 从外联样式到 Styled Components — SitePoint

1370阅读 · eJayYoung 2017-09-17翻译  
React

虽然使用React构建应用程序在许多方面已经达到了一定程度的标准化,但是样式仍然是一个有许多解决方案的领域。 每种方案都有其优点和缺点,并没有明确的最佳选择。 在这篇文章中,我会简要介绍关于React组件在Web应用程序是是如何组织样式的。当然,我也会介绍下style...

我是怎样组织react & redux项目的

1471阅读 · 2017-09-04翻译  
React Redux

#我是怎样组织react & redux项目的 在这篇文章中,我会和你们分享我我是怎样组织react & redux项目,讨论一些在过去两年工作时间我做过的一些抉择 About two years ago the most popular stru...

高大魔王

再一次 Hello World – Hacker Noon

453阅读 · 高大魔王 2017-08-31翻译  
React Docker Webpack ES6

再一次 Hello World Docker的 React + Express 终极模板 我还是创建了 另一个 React and Express 模板 这就是为什么。 我们是否需要另一个模板? 答案是需要! 让我们看一下 — 一个 React 项目从无到有是多...

lizheming

React 16 beta 版发布!

4948阅读 · lizheming 2017-08-30翻译  
React JavaScript NPM DOM

令人欣慰,React 16 首个 beta 版已经发布可以公开测试了!下面我来告诉大家如何使用以及新版的一些值得注意的地方。 如何使用 安装 由于还是 beta 版,为了保障正常 NPM 安装还是使用 15.6 正式版,beta 版我们使用 next 标签发布在 NP...

00_悦

教程 | React

818阅读 · 00_悦 2017-08-30翻译  
Web React

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

iOSDevLog

全栈React: 第1天 什么是 React?

1655阅读 · iOSDevLog 2017-08-30翻译  
React

今天,我们从一开始就开始。让我们看看React是什么,是什么让React运转起来。我们将讨论为什么要使用它。 在接下来的30天内,您可以体验到React网页框架及其生态系统的各个部分。 我们的30天冒险中的每一天都将建立在前一天的材料上,所以在系列结束之后,您不仅可以...

zhifan

在React Native 与 React Web Apps 间共用代码

1698阅读 · zhifan 2017-08-30翻译  
React React Native Web

最近我在我的工作中为同一端构建了三个应用:iOS app,安卓app 与 web app,这三个应用很大程度上都使用着同一个代码库 我想谈谈我们的4人开发团队所共同面临的问题:搞清楚哪部分的代码是可以在每个项目中共享而哪部分应该放在各自的项目中;怎么建立起一个npm包...

网络埋伏纪事

React 初学者教程 1:React 简介

3409阅读 · 网络埋伏纪事 2017-08-30翻译  
React JavaScript DOM

今天的 Web 应用程序除了外观比过去更好看以外,应用程序的架构和创建方式已经和过去有很大的不同。为突出这点,我们来看看如下的应用: 这是一个简单的商品目录浏览应用程序,它和这种类型的其它应用程序一样,通常包含一个主页、一个搜索结果页、一个详情页等等。 老式的多页设...

iOSDevLog

全栈React: React 30天

1566阅读 · iOSDevLog 2017-08-30翻译  
React

对学习React 感兴趣但不知道怎么开始? 我们会教你它是如何工作的 - 免费 在接下来的30天内,我们将逐步了解您需要知道的与React相关的所有内容。 从我们的第一个应用的从零开始到测试和部署。 下载超过300页的 PDF 第1天 什么是 React? 今天,...

iOSDevLog

全栈React: 第12天 create-react-app

1183阅读 · iOSDevLog 2017-08-30翻译  
React

今天,我们将添加一个构建过程来存储常见的构建操作,以便我们可以轻松地开发和部署我们的应用。 React小组注意到运行一个React应用需要很多配置(并且社区帮助臃肿 - 包括我们也是如此)。幸运的是,React团队/社区中的一些聪明人员聚集在一起,构建/发布了一个官方...

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