Redux 群控编程网

没有减速器的Redux应用程序？使用Redux Cornell修剪样板！

Redux已成为世界上最受欢迎的Javascript状态管理库之一。就个人而言，我喜欢Redux，我一直在无数个React应用程序中使用它。但是，我和其他许多人一样，觉得使用Redux有很多样板…… 输入“ Redux Cornell”。在我们潜水之前… 2017年，我们失去了出色的歌手和歌曲作者克里斯·康奈尔（Chris Cornell）。我决定以他的名字命名这个新图书馆，以感谢我对克里斯给我们带来的令人赞叹的音乐岁月。我们想念你克里斯 “向天堂问好……” 那么什么是Redux Cornell？ Redux库使您可以删除与编写Redux应用程序相关的大多数样板，但仍可以完全自定义它而不会丢失控件。动机使用Redux通常需要创建许多功能和文件。您需要一个简化器，操作，选择器等。我注意到这些功能在不相关的项目中非常相似，向应用程序添加新功能的“周期”变化不大：…

Rails，Webpack，React和Redux Pt。 2：Rails，webpack-rails和Webpack配置

TL; DR ：有几种方法可以将Rails与React集成在一起，我发现webpack-rails最成功。这是该系列的第二篇文章，介绍如何组合这些工具（第1部分）。这是带有概念验证示例应用程序的（正在进行中！）存储库。假设条件本演练假定：您熟悉Rails。除了下面的一些简要设置之外，解释Rails的工作方式也不在本文的讨论范围之内。一旦您了解了Rails如何进行MVC的基础知识，您就应该做好了！您的Rails项目并不严格处于API模式。您需要一个“完整”的Rails应用程序，以便可以利用Rails的内置功能，例如CSRF保护，身份验证，其特定的MVC实现等。 Rails和数据库设置 Rails应用程序的基本设置：即使这不是“如何使用Rails”教程，我们仍然需要一起做基础工作，例如数据模型设置，以便使复杂的事情变得有意义。我们将首先制作一个由简单数据模型支持的准系统Rails应用程序。要启动Rails项目，我通常会执行以下操作：＃…

如何使用appendReducer将逻辑从一个Redux还原器提取到另一个

如果将我们星球的历史定为24小时，那么我们物种的整个生存时间将不到2分钟，而Redux的存在可能只有一毫秒的时间。但是…它的年代仍然足够长，可以在其中编写遗留代码。您是否曾经遇到过想要分解成小块的巨型减速机？理想情况下，您将使用combineReducers从其他处理状态子树的化combineReducers器构建化combineReducers器。例如，如果您有一个称为historyOfEarthReducer的reducer，并且该reducer的运行状态如下所示： { jurassicEra：// ... riseOfTheMongols：// ... afterAbramov：// ... } 您可以用负责历史的每个子树的化historyOfEarthReducer来组成historyOfEarthReducer ：让减速器= { jurassicEra：jurassicEraReducer，…

如何使用React和Redux构建多个计数器

我将向您展示如何使用React和Redux构建多个计数器。您可以在此处找到代码。 1.设定我们不会使用create-react-app ，因此我们将从头开始设置应用程序。让我们通过mkdir multiple-counters && cd multiple-counters创建应用程序目录。然后，我们将使用npm init -y生成package.json 。 1.1 React，webpack，babel和webpack-dev-server 您可以在此处和此处找到有关使用webpack的更多详细信息。现在，我们将通过以下方式设置react…

‘成员HTML登录表单？

“大约在2010年，当我们使用一种非常简单的方法在Web应用程序中实现Login功能时，该会员吗？太棒了！ HTML Form元素提供了我们所需的一切：用于指定服务器端处理程序的属性，用于用户名，密码和“记住我”复选框的输入控件，提交按钮。 HTML5允许我们确保在不依赖JavaScript代码的情况下字段不会为空。表单提交的服务器端处理程序的实现取决于基础技术，但它也非常简单-如果用户名或密码不正确，将指示浏览器再次绘制登录表单以及错误消息，否则，它将被重定向到网络应用程序的主要页面之一。这样做的好处在于客户端是最基本的-我们根本不需要任何其他东西。确实，像ASP.NET这样的框架提供了“登录”控件的帮助，但最终它归结为相同的HTML形式。如果史前开发商在2010年被冻结，然后在2016年解冻，他将发现整个新世界。想象一下，他遇到了一个现代的react.js忍者，他试图解释我们在2016年实现登录表单的方式。反应组件和容器。现在，我们将登录表单包装在React组件中，以便将Login功能集成到React应用程序中。以下示例是从React Redux Universal Starter Kit项目复制的。而且还不够！…

技术堆栈摘要4：2017年5月

从5月的精选中可以给React带来极大的兴趣，似乎每个公司都在取代这个JavaScript库。他们当前的框架。实际上， jQuery的长期粉丝Slack刚刚在React中重建了其表情符号选择器。但是，由于流行趋势并不总是意味着最好，所以我们提供了一篇受欢迎的文章，详细介绍了如何从React切换到Vue.js以及您要进行切换的原因。数据存储（ Apache Kafka）也是本月讨论的热点。 Reddit和CloudFlare都展示了Kafka在创建可靠的数据管道方面的重要性。有了这些管道，Reddit能够为Reddit帖子创建视图计数系统，而CloudFlare构建了漂亮的DNS分析套件。查看以前版本的Tech Stack综述 ←获得此文章以及最佳手工策划的新开发工具和基础架构服务

使用React.js时，您应该学习Ant —设计—移动

这是Ant-Design Mobile网站，关于此您知道它是组件库，更多信息请访问网站。好吧，我们是本文的直接主题，我将介绍如何使用Ant Design Mobile编写一个简单的App。跟随我的脚步！在此之前，您应该了解Javascript，Css，Html，React，Redux，React-Router和Node.js Express框架。设置开发环境在这个React项目中，我们使用React.js create-react-app这样：创建反应应用程序反应演示注意：如果不安装create-react-app ，则应安装： npm install -g create-react-app…

2018年的Node.js：关于Koa，React，Redux，Sagas和MongoDB的完整堆栈教程

介绍在2018年有如此多的Web开发选择，试图理解所有这些术语的含义以及每个部分如何协同工作以构建Web应用程序会很快变得令人困惑。似乎仅仅使用HTML，CSS和JS来构建Web应用程序的时代已经结束，但是一旦您了解了这里的想法，您就会发现它只会变得更加强大。本教程的目的是在[jtribe]（https://jtribe.com.au/）上向您实际展示我最喜欢的技术堆栈，以用作软件开发人员。这将是有关如何设置和构建基本应用程序的循序渐进指南，该应用程序从后端到前端，数据库以及所有组件都全栈使用！甚至可以将您的应用程序部署到现实世界中🙂 免责声明：对于一个简单的Todo应用程序来说绝对是过大了，但是这里学习的所有概念都可以扩展到非常大的应用程序，并且没有比这里看到的复杂得多。如果您想跳到最后，可以在以下位置找到所有代码： https://github.com/rhysdavies1994/koa-react-todo-tutorial 科技栈后端 Node.js使用Koa作为我们的服务器 MongoDB — NoSQL数据库，用于持久存储数据猫鼬-MongoDB的数据库层现在-部署我们的应用程序前端…

Autodux很棒：让我们用TDD编码待办事项列表鸭子

我的最后几篇文章都是关于减少创建List鸭子所需的Redux样板。埃里克·埃利奥特（Eric Elliott）的Autodux库将这个想法放大了10倍，并使整个过程自动化。这个 const reducer =（状态= 0，操作）=> { 开关（action.type）{ 案例“ INCREMENT”：返回状态+1 案例“ DECREMENT”：返回状态-1 默认：返回状态…

Utilizando Context API做React 16.3

一个新的版本，可以在上下文API中进行反应。 Esta API中没有高级密码的应用程序，也无其他高级用法的应用程序。续约合同的一部分，效用续集作为实用程序。使用Context API进行连接，算法Algo semelhante 可以连接到 react-redux 。科莫funciona？ Primeiro precisamos引发者3个新星：React.createContext，提供者e消费者。 React.createContext 提供者和消费者的共同需求是基于上下文的。消费者应以“无偿购买”为由，以“无偿购买”作为消费者。…