我使用自己的应用程序一个月了，以下是我学到的东西

我一直很纳闷，我为别人写了那么多软件解决方案，却从未为自己开发过任何东西。所以我决定自己开发一些东西，每天用着它。

要构建什么🤔

所以第一个问题是我能做什么。经过几天的思考，我得到了以下想法

作为一名开发者，我一直在探索科技领域的热点话题。我探索的内容如下：

• 热门存储库
• 最新开发博客
• 关于不同主题的讨论

我不得不在多个网站之间跳转才能做到这一点，例如 GitHub、reddit、开发博客等。我决定将它们全部集中在一个地方以供概览，并提供到原始网站的深度链接以供详细阅读。

TL;DR

如果你着急，这里有我开发的截图和链接

• 网址：https://sp-fanas.web.app
• GitHub：https://github.com/spoman007/fanas
• GraphQL：https://fanas.herokuapp.com/graphql

技术堆栈

• 使用 nodejs 和 scrapeit 的 Scrapper
• 使用 express 的 Rest API（以及 GraphQL，为什么不呢？😛）
• 在 Heroku 上托管后端
• 使用 React 的 PWA 网站
• 用于托管 PWA 的 Firebase

就这样，PWA 就上线了。这很简单，但真正的学习是从我开始每天使用这个应用开始的。

添加动画

网站速度很快，但感觉仍然像个网站，而不是一个应用。所以我决定添加动画。使用 Framer Motion（顺便说一句，很棒的库💗）添加过渡和其他效果，效果真的很棒。我开始对流畅的 UI 感到满意。

初始加载时间

Heroku 是一个很棒的免费托管平台，但是 30 分钟不活动后，测力计就会进入睡眠状态，任何请求都需要一段时间（30 秒）才能显示响应。
如果是 POC 或教程应用，这倒不是什么大问题。但额外的等待开始让我很烦。我的一位同事也提到，他因此放弃了这款应用。

setInterval(async () => {
await fetch("https://fanas.herokuapp.com")
}, 1140000)

就这行代码，我就能解决这个问题。大约每20分钟我就会调用一次API，这样就能让测功机保持唤醒状态。（它确实会在24小时内重启一次，但因为这段代码，它又能正常启动了。）

书签

我一个用这个应用的朋友说，信息一直在更新，如果某个仓库（或文章、讨论）消失了，就没办法再看到了。
为了解决这个问题，我添加了书签功能，虽然它使用本地存储，但结果发现它真的很有用。

PWA 商店

添加所有必要的功能后，我决定将应用程序添加到PWA Store
，令我惊讶的是，他们将其添加到了编辑选择列表中

两个月后，已有 30 多人使用这个应用程序，我收到了很多关于如何进一步改进它的反馈。

结论

使用自己开发的应用感觉很棒，但当其他人也在使用时感觉更棒