blog
blog copied to clipboard
尽量多写一些原创的文章 ~
> 第三部分 - 打包篇:项目打包,并发布至 NPM [原文链接](https://github.com/jokingzhang/blog/issues/2) # 引言 在前面的部分,我们使用 React 等相关技术构建了库并对其进行了测试。现在,我们准备对前面的代码进行打包,并将其发布至 NPM,方便其他人使用。  # 教程部分 本篇文章,是这个系列的第三篇::项目打包,并发布至 NPM - 第一部分:[从 0 到 1,还原一个后台项目](https://github.com/jokingzhang/blog/issues/1) - 第二部分:[单元测试](https://github.com/jokingzhang/blog/issues/4) - **第三部分:[项目打包,并发布至 NPM](https://github.com/jokingzhang/blog/issues/2)** # 靠谱的(文档 +...
# 引言 在2020的今天,构建一个 web 应用对于我们来说,并非什么难事。因为有很多足够多优秀的的前端框架(比如 `React`,`Vue` 和 `Angular`);以及一些易用且强大的UI库(比如 `Ant Design`)为我们保驾护航,极大地缩短了应用构建的周期。 但是,互联网时代也急剧地改变了许多软件设计,开发和发布的方式。开发者面临的问题是,需求越来越多,应用越来越复杂,时不时会有一种失控的的感觉,并在心中大喊一句:“我太南了!”。严重的时候甚至会出现我改了一行代码,却不清楚其影响范围情况。这种时候,就需要测试的方式,来保障我们应用的质量和稳定性了。 接下来,让我们学习下,如何给 `React` 应用写单元测试吧🎁 # 需要什么样的测试 软件测试是有级别的,下面是《Google软件测试之道》一书中,对于测试认证级别的定义,摘录如下: - 级别1 - 使用测试覆盖率工具。 - 使用持续集成。 - 测试分级为小型、中型、大型。 - 创建冒烟测试集合(主流程测试用例)。 - 标记哪些测试是非确定性的测试(测试结果不唯一)。 -...
> 原文:[How to Contribute to Open Source Software](https://killalldefects.com/2020/01/26/how-to-contribute-to-open-source-software/) > 作者:Matt Eland > 译者:博轩 > 为保证文章的可读性,本文采用意译,转载请保留原文链接 > 前段时间参加了2020年1月11日Node party线下分享,justjavac 大佬分享的主题就是:《如何融入并贡献开源》([相关PPT,以及链接](https://mp.weixin.qq.com/s/DwkeCUYPgJ57SBkix_qPgg)),感触颇多。今天又看到一篇讲关于如何参与开源的文章,就想翻译下,与大家分享~ [原文地址](https://github.com/jokingzhang/blog/issues/3) 如果你和我一样,希望为开源软件做出贡献,又不敢将第一个 `pull request` 发送至其他团队的代码仓库。 在本文中,我将与大家分享我第一次使用一个主流开源项目的经历。我希望,这将有助于消除使用另一个团队代码工作所带来的恐慌的情绪,并向您展示在更大的社区中工作是多么酷的一件事。 在本文中,我想专门和大家聊聊关于一个 [Microsoft’s .NET 文档项目](https://github.com/dotnet/docs) 的...
> 第二部分 - 测试篇:给组件加上单元测试 [原文链接](https://github.com/jokingzhang/blog/issues/4) # 引言 在第一部分,我们基于 `create-react-app` 构建了项目的基础结构。对于一个组件库来说,不仅要有简单,实用的组件,每一个组件的质量也是至关重要。而单元测试,正是提升软件质量的一种有效的手段。在本文中,不仅会在之前的项目中完成单元测试的配置,还会带着大家一起走进单元测试的世界~  # 教程部分 本篇文章,是这个系列的第二篇 - 单元测试 - 第一部分:[从 0 到 1,还原一个后台项目](https://github.com/jokingzhang/blog/issues/1) - **第二部分:[单元测试](https://github.com/jokingzhang/blog/issues/4)** - 第三部分:[项目打包,并发布至 NPM](https://github.com/jokingzhang/blog/issues/2) # 2020到了,我还需要单元测试吗? 首先,告诉大家一个小秘密,就是我不太喜欢单元测试。它很费时,重构项目会变得很吃力。而且,单元测试没有一个明确的边界,有时总会觉得自己的单元测试写的不够。而且,代码也并不会因为单元测试就不会出现 `BUG`,即使你的测试覆盖率达到了💯%。...
> 第一部分 - 基础篇:从 0 到 1,还原一个后台项目 [原文链接](https://github.com/jokingzhang/blog/issues/1) # 引言 2020年,作为一名普通前端打字员,我平时工作的主要目标还是使用 React 构建应用程序。去年一直想建立一个属于自己的 NPM 库,用于沉淀自己的业务组件、`Hooks`,但是由于很多概念都不是很了解的缘故,又感觉这个目标有点遥不可及。 但是其实只要明白一些原理和细节之后,构建自己的 NPM 库其实是一件很简单的事情。不仅可以拓宽视野,还可以将自己在多个项目中反复使用的某些相同的组件编译到一个组件库中,推广给其他小伙伴使用,贡献开源,岂不美哉。  # 教程部分 本篇文章,是这个系列的第一篇:基于 React 和 Antd,从 0 到 1,还原一个后台项目 - **第一部分:[从...