2017年09月_dingshi7798

翻译提取网站数据并使用WrapAPI创建API

今天，几乎我们使用的所有服务有某种API的。一些web应用程序甚至单从API分建，被传递到某种前端视图。如果你提供API服务的消费者，你有时会需要更多的功能或寻找限制什么API可以提供。在这篇文章中，我们将介绍一种服务，既为消费者API和创作者是非常有用的。我总是去的说，如果有一个Web界面，您可以通过它建立自己的API。 WrapAPI试图使这个过程更容易。如果你熟悉网页抓取/爬行...

2017-09-29 00:00:00 291

翻译使用Preact作为React替代品

就像React和许多其他类似的库一样， Preact是虚拟DOM组件范例的实现。与React不同，它只有3KB的大小，并且在速度方面也胜过它。它是由杰森·米勒（Jason Miller）创建的，并以著名的宽松和开源MIT许可证提供。为什么要使用Preact？ Preact是React的轻量级版本。如果您喜欢使用React构建视图，但是性能，速度和大小是您的首要任务，例如移动Web...

2017-09-29 00:00:00 601

翻译 okex用api提取数据_提取网站数据并使用WrapAPI创建API

okex用api提取数据今天，我们使用的几乎所有服务都具有某种API。某些Web应用程序甚至仅从API点构建，然后传递到某种前端视图。如果您是提供API的服务的使用者，则有时需要更多功能或限制API所提供的功能。在本文中，我们将介绍对API使用者和创建者都有用的服务。我总是说，如果有Web界面，则可以在上面建立自己的API。 WrapAPI试图简化此过程。如果您熟悉Web抓取/抓取...

2017-09-29 00:00:00 789

翻译 Redux入门

一个典型的网络应用程序通常是由若干UI组件共享数据的。通常，多个部件的任务是显示同一物体的不同特性的责任。该对象表示，其可以在任何时候改变状态。保持状态一致的多个组件之间可以是一个恶梦，尤其是如果有被用于更新相同的对象是多个通道。举个例子来说，在购物车的站点。在顶部，我们有一个展示在车项目数的UI组件。我们还可以有另一种UI组件显示在车中的物品的总成本。如果用户单击添加到购物车按...

2017-09-26 00:00:00 95

翻译 React Router v5：完整指南

反应路由器是反应的事实标准路由库。当您需要导航通过阵营与多个视图的应用程序，你需要一个路由器进行管理的URL。反应路由器需要照顾的是，使您的应用程序的UI和同步的网址。本教程介绍了反应路由器V5和一大堆的东西，你可以用它做。介绍反应是如何生成客户端上呈现单页面应用程序（水疗）一个通俗图书馆。一个SPA可能有多个视图（又名页），而不像传统的多页的应用程序，通过这些视图导航不应...

2017-09-26 00:00:00 1427

翻译 redux入门_Redux入门

redux入门典型的Web应用程序通常由几个共享数据的UI组件组成。通常，多个组件的任务是显示同一对象的不同属性。该对象表示可以随时更改的状态。在多个组件之间保持状态一致可能是一场噩梦，尤其是当有多个通道用于更新同一对象时。以一个有购物车的网站为例。在顶部，我们有一个UI组件，显示购物车中的物品数量。我们还可以使用另一个UI组件来显示购物车中商品的总费用。如果用户单击“ 添加到...

2017-09-26 00:00:00 108

翻译如何使用位在应用之间共享React组件

这是组件的年龄。框架UI组件构建，如反应，使我们对我们的UI分割成单独的，可重用代码的可开发并单独使用。这样，反应的组分常常可以调整和多个项目和应用程序重用。而不是重复他们或重新发明轮子的，我们可以通过我们的项目之间共享他们自己的模块化和可重用性中获益。位是一个开源项目，使用Git和NPM工程速度的代码共享，降低其分裂你的代码，并在更改多个包的开销。相反，你可以轻松地共享现有资源...

2017-09-25 00:00:00 154

翻译使用Next.js编写服务器渲染的React应用

至于JavaScript的前端生态系统而言，尘埃落定了一下。反应已经可以说在这一点上最大的心理份额，但有很多你需要得到舒适的花里胡哨的。 Vue公司提供了一个更为简单的替代。再就是角和灰烬-它们虽然仍然很受欢迎，是不是开始一个新项目的第一个建议。所以，虽然阵营是最流行的选择，但仍需要很多工具来编写生产就绪的应用程序。创建阵营应用解决了许多开始的痛点，但陪审团仍列于你可以去多久没有弹出 ...

2017-09-25 00:00:00 120

翻译 react高阶组件的应用_如何使用位在应用之间共享React组件

react高阶组件的应用这是组件的时代。为UI组件（例如React）构建的框架使我们能够将UI拆分成可重复使用的单个片段，这些片段可以独立开发和使用。因此，React组件通常可以在多个项目和应用程序中进行调整和重用。通过在项目之间共享它们，我们可以从它们的模块化和可重用性中受益，而不必复制它们或重新发明轮子。 Bit是一个与Git和npm一起使用的开源项目，可加快代码共享速度...

2017-09-25 00:00:00 128

翻译编写react.js工具_使用Next.js编写服务器渲染的React应用

编写react.js工具就JavaScript前端生态系统而言，尘埃落定了一点。在这一点上，React可以说是最大的关注点，但是您需要适应许多麻烦。 Vue提供了相当简单的替代方案。然后是Angular和Ember，它们虽然仍然很流行，但并不是开始新项目的最初建议。因此，尽管React是最受欢迎的选择，但它仍然需要大量工具来编写可用于生产环境的应用程序。 Create React Ap...

2017-09-25 00:00:00 130

翻译测试React组件指南

反应是已经JavaScript的开发者社区中取得进展的框架。反应具有设计成分的强大组合框架。反应的组分是可重用的代码位，你可以在你的web应用挥舞。反应的组分不紧紧从DOM耦合，但是它们对于单元测试如何容易吗？在此取，让我们来看看什么需要，单元测试反应的组分。我将展示为使您的组件可测试的思维过程。请记住，我只是谈论单元测试，这是一种特殊的考验。（欲了解更多的不同类型的测试，我...

2017-09-22 00:00:00 140

翻译是否进行Redux：在React Apps中构建状态的艺术

一个共同的趋势，我最Redux的开发者发现是朝着仇恨setState() 我们很多人（是的，我已经爱上了这个陷阱很多次），退缩在眼前的setState()并尽量保持所有的数据在我们的终极版商店。但是，随着应用程序的复杂性的增长，这会带来一些挑战。在这篇文章中，我将带您通过各种策略，以你的状态，和潜水模式进入时，他们每个人都可以使用。入门终极版的作品享有作为真理的您的应用程序状态的单...

2017-09-22 00:00:00 91

翻译 react测试组件_测试React组件指南

react测试组件 React是在JavaScript开发人员社区中取得长足发展的框架。 React具有用于设计组件的强大组成框架。 React组件是您可以在Web应用程序中使用的可重用代码的一部分。 React组件不是与DOM紧密耦合的，但是它们进行单元测试有多容易？在本文中，让我们探索对单元进行React组件的测试。我将展示使您的组件可测试的思考过程。请记住，我只是在谈论单元测试...

2017-09-22 00:00:00 132

翻译在服务器渲染的React中处理异步API

如果你曾经做了一个基本的阵营应用页面，它可能来自贫困SEO和性能问题遭受较慢的设备。您可以添加的网页，通常的的NodeJS回传统的服务器端渲染，但这不是一个简单的过程，特别是异步的API。从渲染服务器上的代码得到的两个主要好处是：在加载时间提高性能提高你的搜索引擎优化的灵活性。请记住，谷歌确实等待你的JavaScript加载，所以像标题内容简单的事情会改变没有问题。（我不能代...

2017-09-21 00:00:00 199

翻译构建一个React Universal Blog App：实现Flux

在这个短系列的第一部分，我们开始挖掘到做出反应的世界，看看我们如何能够用Node.js的使用它，一起打造一个阵营环球博客应用。在这第二和最后一部分，我们将我们的博客到一个新的水平通过学习如何添加和编辑内容。我们也将进入如何轻松地扩展我们的阵营普遍使用反应组织的概念和流量模式博客应用的真正的肉。打破它为我当我们添加更多的页面和内容，我们的博客，我们routes.js文件将很快成为大...

2017-09-21 00:00:00 99

翻译 react 异步渲染_在服务器渲染的React中处理异步API

react 异步渲染如果您曾经制作过基本的React应用程序页面，则它可能会遇到SEO较差以及在速度较慢的设备上出现性能问题的情况。您通常可以使用NodeJS添加回传统的服务器端网页渲染，但这并不是一个简单的过程，尤其是对于异步API。通过在服务器上呈现代码，您可以获得两个主要好处：提升加载时间性能提高您的SEO的灵活性。请记住，Google确实会等待您JavaSc...

2017-09-21 00:00:00 921

翻译 flux react_构建一个React Universal Blog App：实现Flux

flux react 在本系列的第一部分中，我们开始深入研究React的世界，以了解如何与Node.js一起使用它来构建React Universal Blog App。在第二部分和最后一部分中，我们将通过学习如何添加和编辑内容将博客带入一个新的水平。我们还将深入探讨如何使用React组织概念和Flux模式轻松扩展React Universal Blog App。为我分解当...

2017-09-21 00:00:00 74

翻译 React Redux应用程序中的异步操作

这篇文章最初发布在Codebrahma 。 JavaScript是单线程的编程语言。也就是说，当你有代码这样的事情... ......第二行没有得到执行，直到第一个被完成。晴这不会是一个问题，因为数以百万计的计算是通过在第二个客户端或服务器来执行。我们注意到，只有当我们正在执行一个昂贵的计算（这需要显着的时间来完成一个任务 - 网络请求这需要一段时间才能恢复后）的影响。我为什么只显...

2017-09-20 00:00:00 305

翻译 rails .try_如何构建与Rails 5.1 API兼容的React App

rails .try React + Ruby on Rails =???? React已经席卷了前端开发领域。这是用于构建用户界面的优秀JavaScript库。与Ruby on Rails结合使用非常好。您可以通过多种方式在后端使用Rails，在前端使用React 。在本动手教程中，我们将构建一个可与Rails 5.1 API一起使用的React应用。您可以在此处观看本教程的视频...

2017-09-20 00:00:00 147

翻译构建一个React Universal Blog App：分步指南

当单页的应用程序（水疗）的话题上来，我们倾向于认为浏览器，JavaScript的，速度和隐形搜索引擎。这是因为SPA呈现使用JavaScript网页的内容，由于网络爬虫不要使用浏览器浏览网页，他们无法查看和索引内容-或者至少是大多数人不能。这是一些开发商试图以各种方式来解决问题：添加一个网站，该网站要求所有的网页是静态的形式提供，并增加了很多额外的工作的转义片段版本（现在已废弃）。...

2017-09-19 00:00:00 132

翻译 mobx redux_Redux vs MobX：哪个最适合您的项目？

mobx redux 对于许多JavaScript开发人员而言，Redux的最大抱怨是实现功能所需的样板代码数量。更好的替代方法是MobX，它提供类似的功能，但编写的代码较少。对于MobX的新手，请快速浏览一下MobX的创建者编写的介绍。您也可以通过本教程来获得一些实践经验。本文的目的是帮助JavaScript开发人员确定这两种状态管理解决方案中的哪一种最适合其项目。我已将此C...

2017-09-18 00:00:00 203

翻译 jest测试react组件_如何使用Jest测试React组件

jest测试react组件p.tip { background-color: rgba(128,128,128,0.05); border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 15px 20px; border-left: 10px solid rgba(128,128,128,0....

2017-09-18 00:00:00 1137

翻译构建动画组件，或React如何使D3更好

D3是巨大的。随着网络数据可视化世界的jQuery的，它可以做任何你能想到的一切。许多最好的数据可视化你看过网上使用D3。这是一个伟大的图书馆，并与近期V4更新，它变得比以往更加强劲。加入反应，并且可以使D3甚至更好。就像jQuery的，D3是强大的，但低水平。更大的可视化，就越难你的代码变得与工作，更多的时间你花修正了bug，拉你的头发。反应可以解决这个问题。你可以...

2017-09-15 00:00:00 134

翻译使用Three.js，React和WebGL构建游戏

我正在做一个名为游戏“ 魅力变色龙。” 它与three.js所建，作出反应和WebGL。这是一个介绍这些技术如何一起使用反应-三渲染器（简称R，R）。退房初学者指南的WebGL和反应并JSX入门这里SitePoint介绍的方法反应和WebGL。这篇文章和附带的代码中使用ES6语法。这一切是如何开始前段时间，皮特·亨特开了一个玩笑关于建立使用在#reactjs IRC频道反...

2017-09-15 00:00:00 240

翻译使用HelloSign进行首次API调用

我们已经联手HelloSign以帮助您开始在业界最快的集成ESIGN API。 HelloSign是一个全功能的电子签名平台，很容易让你或你的公司来管理，并签署任何类型的文档。与HelloSign踢启动电子签名API调用在短短的5分钟，我们会告诉你如何开始使用HelloSign API自己的网站签署文件。了解更多关于HelloSign还有别的帮助您通过HelloSign的快速启动文件 ...

2017-09-15 00:00:00 193

翻译 react 组件构建_构建动画组件，或React如何使D3更好

react 组件构建 D3很棒。作为Web数据可视化世界的jQuery，它可以完成您能想到的所有事情。您在网上看到的许多最佳数据可视化都使用D3。这是一个很棒的库，并且随着最近的v4更新，它变得比以往任何时候都更强大。添加React，您可以使D3更好。就像jQuery一样，D3功能强大但水平较低。可视化越大，代码就越难以使用，花费更多的时间来修复错误并拔出头发。 Re...

2017-09-15 00:00:00 99

翻译 react webgl_使用Three.js，React和WebGL构建游戏

react webgl 我正在制作一款名为“ 变色龙魅力”的游戏。它由Three.js，React和WebGL构建。这是对这些技术如何使用react-three-renderer （缩写为R3R）一起工作的介绍。在SitePoint上查看《 WebGL 入门指南以及React和JSX入门》，以了解React和WebGL的介绍。本文和随附的代码使用ES6语法。一切如何开始 ...

2017-09-15 00:00:00 857

翻译 api网关调用调用多个服务_使用HelloSign进行首次API调用

api网关调用调用多个服务我们已与HelloSign合作，帮助您开始使用业内最快的eSign集成API。 HelloSign是功能齐全的eSignature平台，可让您或您的公司轻松管理和签署任何类型的文档。使用HelloSign快速启动eSignature API调用在短短5分钟内，我们将向您展示如何使用HelloSign API在您自己的网站上开始对文档进行签名。通过Hello...

2017-09-15 00:00:00 118

翻译如何使用React和Firebase创建Reddit克隆

反应是一个真棒的JavaScript库，用于构建用户界面。由于出版创建应用程序做出反应，已经变得非常容易脚手架准系统作出反应的应用程序。在这篇文章中，我们将使用火力地堡沿创建应用程序做出反应，以建立一个应用程序，将功能类似于reddit的。它将允许用户提交，然后可以进行表决一个新的链接。这里有一个现场演示了我们会建设。为什么火力地堡？使用火力地堡将使它很容易为我们展现实时...

2017-09-14 00:00:00 154

翻译使用React，PHP和WebSockets程序生成的游戏地形

上次，我开始告诉你我是多么想使游戏的故事。我描述我如何设置异步PHP服务器上，Laravel混搭链的阵营前端，连接的WebSockets这一切在一起。现在，让我告诉你，当我开始使用这种混合反应，PHP和的WebSockets的建设游戏机制发生了什么？对于这部分的代码，可以发现github.com/assertchris-tutorials/sitepoint-making-games/...

2017-09-14 00:00:00 143

翻译 react 对象克隆_如何使用React和Firebase创建Reddit克隆

react 对象克隆 React是一个很棒JavaScript库，用于构建用户界面。自创建React应用程序发布以来，搭建准系统React应用程序变得非常容易。在本文中，我们将结合使用Firebase和Create React App来构建功能类似于Reddit的应用程序。它将允许用户提交新的链接，然后可以对其进行投票。这是我们将要构建的实时演示。为什么选择Fireba...

2017-09-14 00:00:00 129

翻译 react端生成小程序码_使用React，PHP和WebSockets程序生成的游戏地形

react端生成小程序码上次，我开始告诉您有关如何制作游戏的故事。我描述了如何设置异步PHP服务器，Laravel Mix构建链，React前端以及将所有这些连接在一起的WebSocket。现在，让我告诉您有关当我开始使用React，PHP和WebSockets的混合来构建游戏机制时发生了什么…… 该部分的代码可以在github.com/assertchris-tutorials/s...

2017-09-14 00:00:00 94

翻译如何使用React，Redux和Immutable.js构建Todo应用

的方式作出反应的用途的部件和一个单向数据流使得它非常适合描述的用户界面的结构。然而，它的工具与工作状态都保持硬要把单纯的-帮助提醒我们作出反应只是在传统视图模型-视图-控制器架构。没有什么从建设有刚反应过来的大型应用程序阻止我们的，但我们会很快发现，为了保持我们的代码简单，我们就需要在其他地方管理我们的状态。虽然有用于处理应用程序的状态没有官方的解决方案，也有一些库，对齐特别好作出反应...

2017-09-13 00:00:00 97

翻译使用React和PHP开发游戏：它们的兼容性如何？

“我想打一个多人，基于经济游戏。像Stardew谷，但没有一个结交朋友方面和基于玩家的经济。” 我开始思考这个时刻，我决定尝试使用PHP构建一个游戏和反应。麻烦的是，我也不知道，多人游戏动态，或如何思考和实施基于玩家的经济体。我当时甚至不知道我知道有足够的了解做出反应用它来证明。我的意思是，初始界面 - 在这里我沉重集中在服务器和游戏的经济方面的 - 非常适合反应。但是，当我开始...

2017-09-13 00:00:00 187

翻译 react兼容性_使用React和PHP开发游戏：它们的兼容性如何？

react兼容性 “我想制作一款基于经济的多人游戏。像Stardew Valley之类的东西，但是没有任何友好的方面和基于玩家的经济。” 当我决定尝试使用PHP和React构建游戏时，我就开始考虑这一点。问题是，我对多人游戏的动态性或如何考虑和实施基于玩家的经济一无所知。我什至不确定我是否对React足够了解，可以证明使用它是合理的。我的意思是，初始界面（我主要关注服务器和游戏的...

2017-09-13 00:00:00 187

翻译 React 16有什么新功能？

在这篇文章中，我们将学习如何在阵营16使用的一些新功能来创建一个音乐播放器。在实现这个音乐播放器，我们要了解一些的变化做出反应16.有相当多的变化，所以我们不会涵盖所有的人，但我们将介绍一些很重要，而且那些你今天可以实现。对于这个职位的完整源代码可以在GitHub上。要启动应用程序，下载代码， cd到项目目录，输入： npm install npm start 在一个国家申请作...

2017-09-12 00:00:00 106

翻译如何学习React：入门所需的一切

反应是一个JavaScript库，最初是由开发商在Facebook的建成，为建立快速的用户界面。如果你浸泡你的脚趾到做出反应的水域，或者如果你的阵营的发展征程逐步加快，可能很难留在整个基本面，技术，工具和技巧 - 所以我们制作了这份指南什么有出而我们推荐。不管你是你的旅程，其中，最好的内容做出反应，你需要的是在这里 - 参加一个外观和潜水！（如果您认为我们已经错过了一些东西，让我们知道在下...

2017-09-12 00:00:00 114

翻译 react入门_React入门：新手指南

react入门在本指南中，我将向您展示有关如何使用React创建简单的Message App的实用分步教程，向您展示React的基本概念。我假设您以前没有React的知识。但是，您至少需要熟悉现代JavaScript和NodeJS。 React是一个了不起JavaScript库，它引起了开发社区的广泛关注。简而言之，它使开发人员可以更轻松地为Web，移动和桌面平台构建交互式用户界面...

2017-09-12 00:00:00 174

react入门 React是一个JavaScript库，最初由Facebook的开发人员构建，用于构建快速的用户界面。如果您将脚趾浸入React水域中，或者您的React开发旅程正在加速，那么可能很难掌握基础知识，技术，工具和技巧-因此我们创建了本指南以了解其中的内容以及我们的建议。无论您在旅途中的何处，都需要找到最好的React内容-快来看看！（如果您认为我们错过了一些事情，请在下面的表格...

2017-09-12 00:00:00 122

翻译 react16新特性_React 16有什么新功能？

react16新特性在本文中，我们将学习如何使用React 16中的一些新功能来创建音乐播放器。在实现此音乐播放器时，我们将了解React 16中的一些更改。有很多更改，因此我们不会涵盖所有更改，但我们将介绍那些重要的内容以及您可以立即实施。这篇文章的完整资源可以在GitHub上找到。要启动该应用程序，请下载代码，将cd插入项目目录并键入： npm installnpm...

2017-09-12 00:00:00 81

空空如也

空空如也