React 群控编程网

Ether + React –下一个设计系统的入门套件

当我们创建Ether时，我们想展示一些简单的概念如何帮助构建可扩展的设计系统。我们花了一段时间将我们的设计系统经验缩减为三个基本要素，但这是值得的。我们将间距，颜色和版式这三个概念与我们关于应该如何构造和利用它们的哲学相结合。当然，他们非常固执己见，但根据经验，我们认为这些概念是最好的起点。早期的Ether示例仅适用于Sass，但还有许多其他方法可以构建设计系统。因此，我们决定将其提升到一个新的水平，并使用Ether构建一个更好的示例项目-称为Ether System React。你猜怎么了？它是开源的！这是锤子。准备好你的指甲。欢迎来到ESR Ether System React 不是（当前）可以直接安装到项目中的NPM依赖项。…

深入研究Redux中间件，并探索Redux-Thunk。

中间件的入口点— applyMiddleware 使用redux实用程序applyMiddleware将中间件引入到redux设置中。 applyMiddleware接受所有中间件，组成它们，并允许操作在到达applyMiddleware之前通过它。这是我们使用applyMidlleware应用中间件的方法： import { applyMiddleware } from "redux"; const store = createStore( reducers, initialState, applyMiddleware(…

React Native与Native App开发-商业的利与弊

如今，世界上最大的公司越来越认识到React Native的业务潜力。这些好处是什么？ React Native是否适合您？比本地开发好吗？我们与客户服务负责人Szymon Nieradka坐下来回答了这些以及与React Native相关的更多问题。 React Native与本地移动应用程序开发有何不同？为什么它变得越来越流行？多年来，一直梦想拥有一个涵盖所有平台的框架。但是，使梦想成真曾经是不可能的。实际上，多年来，我们一直在努力进行移动跨平台开发。关于Web开发，您可以使用一个应用程序-Web浏览器访问笔记本电脑上的大多数功能。没有人质疑HTML的优势（更确切地说是HTML5，CSS和JS），因为这是一个特定的标准。移动开发朝着完全不同的方向发展。十五年前，还没有人知道如何在移动应用程序中构建界面。…

引入反应速度

更改启动React和Redux应用程序的方式每当您启动一个新的React应用程序时，您是否会感到自己已经做完了所有事情？好像您是一遍又一遍地重复编写相同的代码，……呵呵，似曾相识吗？嗯反正是否曾经希望以一种易于阅读的可自定义方式可视化整个Redux项目？继续阅读，因为我有适合您的应用程序。我们认为，说出React / Redux应用程序的框架并不是世界上最令人愉快的事情，这不是很可怕的事情。我们的开发人员当然不这么认为，并设计了一种解决方案来加快这一过程。我们的应用程序React Velocity利用GUI在可视化的分层树上操纵用户生成的组件，以镜像React / Redux项目的框架。正确填充树后，只需单击一个按钮，便会生成包含所有适当文件的项目目录。怎么运行的反应生成：在预生成的“…

Redux在您内流淌，没有您

/ src / reducers 这是保存状态并更新状态的结构，其将动作创建者称为“ FETCHING_ARTICLES” 因此，在状态更新后，我们的视图需要重新渲染。这是通过mapStateToProps完成的。重申一下，redux流程如下：存储（初始状态和Reducer）使用状态和动作创建者创建减速器订阅AKA以获取当前状态调度AKA动作这是一条充满挑战的道路，但我坚持自己的旅程，并且非常喜欢整个框架的含义，以及它可以做什么以及从中可以发展的可能性。 Redux实用指南 Redux是一个状态管理库，可让您从应用程序中的任何位置直接连接到应用程序状态。它… lorenstewart.me…

使用TypeScript响应本机

18年6月27日更新：感谢您对本文的热烈响应。自从我一年前写原始文章以来，React Native已经走了很长一段路。现在，配置TypeScript变得容易得多。今天，我用新步骤更新了本文。请享用！ TypeScript是JavaScript的超集，主要提供可选的静态类型，类和接口。自2012年以来，TypeScript成为从结构化语言开始使用JavaScript的程序员中的一种流行选择。 TypeScript的好处之一是更好的工具。 TypeScript使IDE能够提供更丰富的环境来发现常见错误键入代码时（完成代码后运行工具）。此外，您还可以使用Visual Studio Code-一种性能强大的编辑器，它与TypeScript集成在一起。对于大型JavaScript项目，采用TypeScript可能会导致软件更强大，同时仍可以在运行常规JavaScript应用程序的地方进行部署。向后兼容JavaScript版本是使用TypeScript的另一个优势。简而言之，TypeScript为自动完成，代码导航和重构提供了出色的工具和语言服务，并提供了强大的向后兼容性。有足够的优势！…

向React Redux Firebase App添加身份验证

在本文中，我们学习了有关React Redux和Firebase集成的基础知识，最后我们使用了To-Do应用程序。在本文中，我们将采用它并向其中添加身份验证。为此，我们将需要执行以下步骤：添加登录组件添加用于身份验证状态的侦听器，登录并注销在Redux中跟踪身份验证状态确保用户仅在登录后才能访问应用在Firebase控制台中更改数据库规则添加登录组件该组件将处理两件事：它会有一个按钮，当用户单击它时，他将使用google OAuth登录。如果用户已经登录，它将重定向用户到应用程序渲染负责点1 ， componentWillUpdate负责点2 。…

使用TypeScript反应引用

🎒本文使用以下库版本： { “ @ types / react”：“ 16.4.7”， “ @ types / react-dom”：“ 16.0.6”， “ typescript”：“ 3.0.1”， “…

超越简单性：在动态应用程序中使用Redux

Redux很简单。有经验的开发人员可能会在几个小时内完成整个代码的编写-无需注释和有用的错误。尽管它很简单，但它是JavaScript生态系统中最常用的库之一。关于Redux的最好的事情是：您几乎可以做任何事！至少可以说，我们的用例很不寻常。在Lundegaard，我们将React应用程序嵌入到CMS和企业门户中：Liferay，WordPress和所有爵士乐。而且我们想正确地做。这意味着什么？内容管理员（实际使用管理面板的人，伙计）应该可以选择一种布局，并将小部件放置在正确的位置！您可能听说过React Union，这正是我们所使用的。让我们谈谈应用程序状态：我们喜欢Redux。我们的许多开发人员确实非常擅长，但有些只是中等水平。他们要么是初学者，要么通常不是JavaScript的主要对象，那就很好！问题是，他们仍然应该能够理解代码，对其进行重构，扩展，删除。他们应该对代码库感到满意，因为“…

使用React Stockcharts Alpha实施自定义（行）指标

指标该指标实现计算器并组合所有自定义选项。照原样，您应该实现的主要选项是“ windowSize”和“ stroke”。 //indicators/custom_indicator.js 从'../utils'导入{重新绑定，合并}；从'../calculators'导入{custom_indicator_calculator}; 从'./baseIndicator'导入baseIndicator; const ALGORITHM_TYPE ='VWAP'; 导出默认函数（）{ const base = baseIndicator（） .type（ALGORITHM_TYPE）…