EL PSY CONGROO

travis-ci从21年6月15开始停止服务, 新版本需要迁移才能继续服务, 这意味我的博客和electron应用都要去进行迁移了.

electron无疑是个很强的东西, vscode近年非常流行, 其他还有github客户端, twitch, figma等大公司有electron开发的软件.

但electron在前端开发中仍算冷门. 不分析原因, 但导致的结果是没有很稳定的脚手架.

目前官方只有一个react的模板, 剩下只有awesome-electron里民间的几个模板.

面对纷繁多样的需求, 这几个模板肯定是不够的, 而electron的流程又很简单. 所以这里总结一个大方向.

在开发流程中, 会遇到根据环境判断url的问题, 像这样的代码(真实代码):

1
2
3

const winURL = process.env.NODE_ENV === 'development'
    ? `http://localhost:9080`
    : `file://${__dirname}/index.html`

这次深入这个问题, 来发掘一些更好的实践.

前端知识整理一波, 会则复习不会则补.

前一阵过了一遍react文档, 记录看到的几个不太常用api.

一直对webpack的一些功能概念比较模糊, 所以过一次文档的guide来看看这些功能: code spliting, tree shaking, hot module replacement, require.context.

工作中新写一个页面经常会遇到: 根据想好的布局写完了html片段, 然后要把对应的类名写个sass树.

于是产生了写个vscode来简化这个步骤的想法. 回头来分享这个简单的demo, 发布到vscode商店也是免费的.

immer是对js对象immutable的一种解决方案, 从rtk接触到的. 因为api非常简单, 所以来看一下是如何实现的.

因为对object内存分配, immutablejs都没深入看, 所以无从比较.

在工作中持续使用react, redux. 并且对相关生态走马观花, 发现之前对redux的定位不太准确.

手里有一个没有历史包袱的react项目, 就成为了上hook和ts的好机会, 这里总结一下hook和ts最浅的实践.