JavaScript – 第24页小小书 XXshu

我第一次与Redux约会后学到了什么

不久前，在附近没有人希望Angular成为主要的技术专长之后，我决定跳上React火车。令人震惊的是，许多雇主正在为这个新来的孩子解雇Angular。但这就是事实，我决定根据市场需求调整技能并提高技能。库和框架一直在变化。除了编程范例，结构和思维方式外，编程中没有什么是永久的，但这是完全不同的故事。这个关于我第一次与Redux约会的故事以及这是我对体验的看法。让我们从React开始很多人告诉我，React很容易-他们没有说谎。 React IS绝对比Angular 2更容易上手，尤其是如果您没有任何经验的话。这使人想起了Angular 1的原始时代，那时您可以将框架放到任何地方，而不必按照Angular 2+的建议进行大规模且独立的设置。但是，任何真正简单的事情都会为创意编码人员带来复杂的空间。 React =接口当您开始使用React时，人们没有告诉您的是，它只是一个接口组织库，使编码更容易。…

使用Vanilla JS和DarkSky API构建基于地理位置的Weather App

夏天来了！ 🌞我们都知道，在此期间，天气可能会变幻莫测，一会儿，赫利俄斯（Helios）到处都是他的射线，其次是下雨的猫和狗。在这样的时间（以及其他时间），您不仅需要保持领先一步，还需要保持十步之遥。是什么让你前进？不是雨伞，不是防晒霜…..但是….. 天气应用程序！好消息！我带给您“ THE”天气应用程序；出于对更多信息的渴望而创建的，作为副项目开始的东西实际上将在今年夏天成为您的超人。通过简单的JavaScript和应用程序编程接口（API）调用（请在此处使用Google），我们设法做到了这一点。我之所以说“我们”，是因为，实际上，每个开发人员都会有另一个开发人员倚在肩膀上，看到他们看不到的东西，然后花一两秒钟的时间来创造一些魔力。（对克里斯和威廉，非常感谢！）…

作者聚焦：Balint Erdi

对于我们的第二个作者聚焦，我们邀请了“ Ember.js摇滚乐”的作者Balint Erdi加入。我希望你喜欢！说说你自己。你在哪里叫家？你以什么为生？你为什么这样做？我作为自由职业者已经有6年以上的工作了（在我作为初创公司的关键员工时，中间有2.5年的“休息时间”），我对此非常满意。它给了我很大的灵活性，当您有孩子并需要更多时，这确实很棒。能够决定休假一个星期五，在阳光明媚的春天里徒步旅行也很棒。我开始在Rails从事自由职业生涯，但大约4年前转投Ember，此后再也没有回头路了。告诉我你的书。什么事啊你为什么写它？与Ember.js一起摇滚是一本面向初学者的书。它指导您完成应用程序的构建，同时一步一步地向您介绍框架的构建块。通过在构建“真实”应用程序时进行学习，可以确保吸收新知识。…

使用NP包发布Angular模块

这是有关我对ngx-feature-toggle模块所做的改进的帖子之一，今天的主题是：如何发布我的angular模块或angular应用程序的新版本。直到几个月前，我们还有几种发布Angular包，独立包，模块或应用程序的方法。当前，我们可以直接使用@angular/cli通过CLI命令创建，运行测试，验证，构建以及其他功能，这确实很有用。 Angular第6版现已发布 Angular的6.0.0版本已发布！这是一个主要版本，其重点不在于基础框架，而在于…… blog.angular.io 您可以在Angular文档的“发布库”部分中了解有关此内容的更多信息这样，我们就可以使用具有相同支持的相同功能来构建出色的库。您只需要运行这些命令，您的所有支持都是最新的。但是一个好的软件包应该遵循一些好的软件原理。发布版本必须基于语义版本控制。创建该标准是为了确保使用该组件的项目升级尽可能顺利。自开始以来，我们需要保留一个changelog（a）文件，其中包含项目中发生的所有更改。通常，在开源（和非开源）项目中，请保留更改/功能/修复程序/等。在名为CHANGELOG.md的文件中需要有一个定义明确的流程来构建，捆绑和发布。但是，正如您在不同的Angular项目中看到的那样，发布Angular模块的方式有很多，并且以覆盖要发布的不同包类型的方式为基础，例如ESM2015…

编写小于1TB大小的JS库

创建额外的小型库的小指南不再有趣，但仍然是当前图片该帖子的灵感来自于安德烈·西特尼克（Andrey Sitnik）创建的纳米图书馆的想法（例如nanoid，nanoevents和nanodelay）介绍上次，我真的为NPM中的库大小感到疯狂。你觉得还可以吗让我摘下你的玫瑰色眼镜。只需查看最流行的软件包的统计信息即可创建对象的深层克隆。你可以在这里找到它。它的大小在这里。对于只有一个功能的软件包来说，这确实是一个巨大的选择。这就是为什么我将nanoclone做到相同的原因（除了克隆圆形对象，我将在以后完成）。看一下纳米克隆的大小：它的体积缩小了51倍，而且没有任何问题。我想分享我在创建额外的小型库方面的经验，并告诉您如何加入我们的nanohype😎 最小化，控制或不使用所有外部依赖项如果要创建纳米库，则仅在以下两种情况下才应使用外部依赖项：…

介绍React

什么是React？ React是一个声明式的，基于组件的JavaScript库，用于构建用户界面。它是由Facebook员工Jordan Walke创建的，分别于2011年和2012年首次部署在Facebook和Instagram上。 React已迅速变得非常流行，并在包括Netflix，Imgur，SeatGeek和Airbnb等在内的许多世界上最受欢迎的网站和应用程序中都有。入门这篇文章将指导我们如何概念化设置和利用依赖于模拟API的搜索产品表，以Facebook“ Thinking in React”为指南提供填充和呈现我们的应用程序所需的数据。全文可在此处找到。组成部分如前所述，React是一个基于组件的库。通过构建组件，开发人员可以使应用程序能够管理自己的状态，然后将数据“向下”传递给整个应用程序中的其他组件。随着数据向下传递，它将被呈现到DOM或进一步向下传递到其他组件（然后将其呈现到DOM）。心理模型对应用程序进行建模可能很困难，而且在设计的早期阶段，我们的心理模型就变得有些朦胧并不罕见。由于React组件通常存在于其他React组件内部，因此很容易通过（从字面上）画出组件之间的关系来概念化应用程序的蓝图。…

第1天：简介，安装和打字测试

今天开始了我在德克萨斯州奥斯丁市的Galvanize Web开发沉浸式程序的旅程。今天早上我很紧张，但是既然我遇到了每个人，我的紧张情绪就变成了平淡无奇的兴奋！我队列中的每个人看起来都很酷，有趣，独特，而我迫不及待地想要了解更多！今天，我们在计算机上安装了几个程序，包括阿尔弗雷德3 原子眼镜浪涌家酿吉特 Node.js 现在，大多数这些程序已经在我的机器上使用了，但是我们大部分只是通过讨论编程工具以及在程序中大量时间的使用来进行练习。除了安装这些程序并进行很多定向/了解您的打字活动之外，我们今天要解决的唯一其他编程特定项目是在typeing.io上进行打字测试。不仅要进行典型的打字测试，而且要进行特定语言的测试，确实很有趣。我们使用Javascript编写了代码，但还有许多其他语言可用。我期待着改善我的WPM！我们收到的唯一其他指示是今晚要多休息，因为明天和本周剩余时间我们将真正踏上第一步，这对我来说真的很令人兴奋。…

React Hooks入门-useState（第一部分）

React 16.8引入了新的Hooks概念，可让您使用状态以及基于功能的组件中的其他React功能。反应钩因此，让我们首先了解什么是React Hook ？ React Hook是一项特殊功能，可让您“ 挂钩 ” React功能。挂钩在类内部不起作用-它们使您可以在没有类的情况下使用React。例如， useState是一个Hook，可让您将React状态添加到基于功能的组件中。 React提供了一些内置的钩子，如useState，useEffect，还允许我们创建自己的钩子。在这一部分中，我们将学习在react中使用useState。在接下来的部分中，我们将了解剩余的两个。…

让我们来一些柴吧！

嗨，这不是在邀请您喝杯茶，这个柴不是一杯热的给你们😉！那么，我们在这里说什么柴呢柴呢？？？ .. 该Chai是一个期望库，有助于对javaScript代码执行各种断言。如何开始使用它？使用您喜欢的任何测试框架，Chai可用于node.js和浏览器。对于node.js：npm install chai 建议使用*作为版本标记将其添加到package.json devDependencies中。这将确保您在运行npm install之后始终拥有最新版本，当与持续集成工具配对时，该版本特别强大。 "devDependencies": { "chai": "*", "mocha":…

如何分发ES6库

对于库，我的意思是为其他开发人员设计的代码可以在Web应用程序或Node.js应用程序中使用。这些是要优化的变量：目标环境。仅Node.js？仅网络？或两者？旧版支持。是否需要支持旧版Node.js，旧版浏览器或移动设备？（是的，由于ES6支持在移动浏览器中仍然很薄弱，因此移动设备属于此处）消费（仅限Web）。标签， requireJS还是通过诸如webpack之类的工具？使用方便。开发人员使用该库有多容易？文件大小。是否需要尽可能小？…