我要反馈问题

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

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

友情链接

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

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

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

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

立即体验

京ICP备17024260号

弈晨

重新思考 drag 和 drop

208阅读 · 弈晨 1天前翻译  
React API Web

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

eJayYoung

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

930阅读 · eJayYoung 2天前翻译  
React

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

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

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

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

高大魔王

再一次 Hello World – Hacker Noon

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

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

lizheming

React 16 beta 版发布!

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

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

00_悦

教程 | React

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

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

iOSDevLog

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

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

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

zhifan

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

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

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

网络埋伏纪事

React 初学者教程 1:React 简介

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

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

iOSDevLog

全栈React: React 30天

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

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

iOSDevLog

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

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

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

网络埋伏纪事

React 初学者教程 4: 在 React 中设置样式

2050阅读 · 网络埋伏纪事 2017-08-30翻译  
React CSS HTML

长期以来,我们都是用 CSS 格式化 HTML 内容。用 CSS,可以很好地分离内容和表现形式。CSS 的选择器语法给我们很大的灵活性,来选择哪个要格式化,哪个会略过。你甚至找不到太多的问题来憎恨 CSS 的层叠。 好了,不要告诉 React 这些。React不会积极...

谢于中

在 redux 应用中使用 GraphQL – freeCodeCamp

307阅读 · 谢于中 2017-08-30翻译  
GraphQL React

(image credit) 在 Redux 应用中获取和管理数据需要做许多工作。正如 Sashko Stubailo 指出的: 不幸的是,在 Redux 应用程序中异步加载服务器数据的模式还没有建立起来,并且经常需要使用外部帮助程序库,如 redux-saga。...

xiaosheng222

React 介绍

253阅读 · xiaosheng222 2017-08-28翻译  
React

实现NoteStore和NoteActions# React 简介 Marko Heinrich (Public Domain) 搜索 目录 介绍 入门指南 React是什么? 开始你的项目 制作一个笔记本应用 删除笔记 了解React组件 编辑笔记...

iOSDevLog

所有这些基础的React.js概念都在这里了

2250阅读 · iOSDevLog 2017-08-26翻译  
React JavaScript DOM API HTML React.js Medium Web Form

去年,我写了一本关于学习React.js的简短书,原来是大约100页。今年,我将挑战自己,把它概括为一篇关于中度的文章。 这篇文章不会涵盖什么是React或者为什么你应该学习它。相反,这是对已经熟悉JavaScript并熟悉DOM API基础知识的人们对React...

miaoyu

10个React小模式

2666阅读 · miaoyu 2017-08-24翻译  
Web JavaScript React

在过去的几年,我经手过很多大大小小的React项目,在这个过程中,我不断的重复重复,逐渐的形成了一些模式,在这里分享给大家。 如果你是刚开始接触React,能看到这篇文章,只能说你很幸运 :)。 如果你没有接触过React,你可以跳过(3,6,8,10)节。 #1 数...

huangxiaolu

解释React的证书

910阅读 · huangxiaolu 2017-08-19翻译  
React

几周前,Apache软件基金会(ASF)决定将BSD +专利许可证列为Category-X license。这一举措影响了Facebook开源软件的大部分用户,特别是受欢迎的React项目及其周边项目。因此,有许多人要求我们考虑修改React和所有其他开源项目的证书。...

myvin

为什么现在的开发者总是拿 Vue.js 和 JavaScript 巨头 Angular、React 比较?

1554阅读 · myvin 2017-08-18翻译  
Vue Angular React JavaScript

Vue.js 是一个用来构建 web UI 的 JavaScript 库,基于 MIT 开源协议。Vue.js 于 2013 年首次分布,但是在接下来的两年内,并没有太多的 web 框架领域的开发者关注。到了 2016 年,Vue.js 名声大噪,获得了极大的关...

is_january

使用 Redux 之前要在 React 里学的 8 件事 - RWieruch

520阅读 · is_january 2017-08-12翻译  
React Redux

原文链接 状态管理是一件很有难度的事。一些第三方视图库,比如 React,能够帮助你管理本地组件的状态,但它只能在有限的范围里帮到你,React 仅仅是一个视图层的库。最终你会决定去使用一个更加复杂的状态管理解决方案,比如 Redux,但还有一些我想要在此文中提醒的事...

iOSDevLog

全栈React: 第27天 部署介绍

502阅读 · iOSDevLog 2017-08-07翻译  
React

今天,我们将探讨部署我们的应用所涉及的不同部分,以便外界可以使用我们的应用。 我们的应用通过这一点进行了测试, 现在是时候让它起来为世界而活。本课程的其余部分将致力于将我们的应用部署到生产中。 生产部署 在谈到部署时, 我们有很多不同的选择: 主机 部署环境配置...

regiondavid

如何使用 React 和 Firebase 来仿写一个 Reddit — SitePoint

379阅读 · regiondavid 2017-08-07翻译  
React JavaScript

React 是一个伟大的用于构建用户界面的 javascript 库。 自从 Create React App 的发布,搭建react应用的脚手架已经变得非常容易。 ### 了解关于作者的更多内容 Designing a Custom Home Page fo...

iOSDevLog

全栈React: 第26天 集成测试

402阅读 · iOSDevLog 2017-08-07翻译  
React

今天我们将编写测试来模拟用户如何与我们的应用进行交互,并在现实的浏览器中测试我们的应用的整个流程。 我们已经到了测试入门的最后部分。我们将用集成测试来结束我们的测试部分。作为对集成测试的一个提醒, 它是自动化我们的实际用户在使用我们的应用时体验到的体验的过程。 集成测...

iOSDevLog

全栈React: 第25天 使用Enzyme做更好的测试

439阅读 · iOSDevLog 2017-08-07翻译  
React

今天,我们将看看一个由Airbnb所维护的开源库,名为Enzyme,使得测试变得简单易用。 昨天我们使用了react-addons-test-utils 库来编写我们对Timeline 组件的第一个测试。但是, 此库是相当低级的, 使用起来可能有点麻烦。Enzyme是...

iOSDevLog

全栈React: 第23 天 实现测试

418阅读 · iOSDevLog 2017-08-07翻译  
React

昨天我们检查了我们在React中写的不同类型的测试。今天我们亲自动手来看看结果。我们将安装设置测试所需的依赖关系以及写入我们的第一个断言。 让我们把我们的应用设置起来进行测试。因为我们将使用几个不同的库, 所以我们需要在使用它们之前安装它们 (当然)。 依赖关系 我们...

iOSDevLog

全栈React: 第22天 测试简介

371阅读 · iOSDevLog 2017-08-07翻译  
React

测试套件是一项前期投资,可在系统的整个生命周期内获得回报。今天我们将介绍测试的主题,并讨论我们可以写的不同类型的测试。 好了, 闭上你的眼睛, 等一下, 不要... 你很难闭着眼睛阅读, 但是想象一下, 你的应用正在接近你的第一个部署。 它越来越近, 它变得无聊, 不...

myvin

Vue.js 很好,但是比 Angular 或 React 更好吗?

4017阅读 · myvin 2017-08-06翻译  
Vue.js React Angular ReactJS Angular.js Vue

Vue.js 是一个用于创建 web ui 的 JavaScript 库。结合其他的一些工具,它也可以成为一个“框架”。通过我们的上一篇博客,想必你已经知道 Vue.js 是顶级框架之一,并且在很多场景下已经替换了 Angular 和 React。这就引出了本文要讨论...

iOSDevLog

全栈React: 第21天 Redux中间件

422阅读 · iOSDevLog 2017-08-05翻译  
React

今天,我们在Redux方法中使用Redux中间件来管理我们的代码中的复杂状态变化。 昨天, 我们连接的点与Redux, 从工作通过归并器, 更新行动的创造者, 并连接Redux到React组件。 Redux中间件 将解锁更多的权力, 我们今天将会触及。 Redux中...

iOSDevLog

全栈React: 第20天 Redux动作

332阅读 · iOSDevLog 2017-08-04翻译  
React

使用Redux,我们来谈谈我们如何在我们的应用中实际修改Redux状态。 昨天, 我们经历了整合我们的反应应用与Redux的困难部分。从现在起, 我们将使用我们的Redux设置来定义函数。 现在, 我们的演示应用能显示当前时间。但目前还没有任何方法可以更新到新的时间。...

iOSDevLog

全栈React: 第19天 用Redux进行数据管理

391阅读 · iOSDevLog 2017-08-04翻译  
React

随着我们了解了flux和Redux的知识,让我们将Redux整合到我们的应用中,并通过连接的应用。 昨天, 我们讨论了流量模式的原因, 它是什么, 我们有不同的选择, 以及介绍了Redux。 今天, 我们将回到代码和添加Redux在我们的应用。现在我们正在用它构建的应...

iOSDevLog

全栈React: 第18天 Flux 简介

349阅读 · iOSDevLog 2017-08-04翻译  
React

处理客户端应用中的数据是一项复杂的任务。今天我们正在研究一种处理Facebook提出的复杂数据的方法,称为 Flux 体系结构。 随着应用变得越来越复杂, 我们需要更好的数据处理方法。有了更多的数据, 我们将有更多的记录。 我们的代码需要使用新功能处理更多的数据和应用...

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