最近参与了一个 React + Typescript 组件项目,这个项目后期会开源,对代码的质量和工程化上有比较高的要求,因此需要进行工程化治理。通过这次工程化治理,笔者算是梳理清楚了一个 React + Typescript 第三方组件所需要的一些工程化方面的基础设施,在这里总结并分享给大家。
这次的工程化治理主要分以下几个方面:
- 静态检查:TypeScript + ESLint
- 开发体验:打包工具和 Mono-repo 管理
- 代码质量:测试
全干工程师
最近参与了一个 React + Typescript 组件项目,这个项目后期会开源,对代码的质量和工程化上有比较高的要求,因此需要进行工程化治理。通过这次工程化治理,笔者算是梳理清楚了一个 React + Typescript 第三方组件所需要的一些工程化方面的基础设施,在这里总结并分享给大家。
这次的工程化治理主要分以下几个方面:
2019 是木犀的第五年。前五年,木犀的后端发展经过了一个从无到有的过程,从最初的单机 Flask + 自己部署的数据库到如今基于 K8s 的分布式架构 + 云数据库,从 Python 到 Golang,我们逐渐确立了我们的第二代架构。
如今,已经没有必要去细究这个过程究竟是如何逐步发生的。现在要做的,就是确立我们现在的新架构,并且在今年把我们的主力应用都切换到新架构上,为下一个五年的发展打好基础。
新架构,简单的说,就是 Cloud Native,拥抱了当前非常流行的容器云,Golang 等云原生相关的技术。其实这套架构没什么特殊的,用到的都是热门技术,但这依然是我们经过了过去几年间不断的摸索而总结出来的。后面我们会在这套技术上深入挖掘,争取知其然,知其所以然。
这篇博客是写给团队后端方向的同学看的。主要是介绍我在工作一年之后对于后端工作方向的一些新的认知(虽然职位是前端,但在这个大环境下面,对后端的工作内容还是有一些了解的)。让大家在学校里可以对外面工业界的需求有一个大致的认识,在自己的兴趣和就业的导向之间找到一个平衡。
Webpack 4 发布已经有一段时间了。Webpack 的版本号已经来到了 4.12.x。但因为 Webpack 官方还没有完成迁移指南,在文档层面上还有所欠缺,大部分人对升级 Webpack 还是一头雾水。
不过 Webpack 的开发团队已经写了一些零散的文章,官网上也有了新版配置的文档。社区中一些开发者也已经成功试水,升级到了 Webpack 4,并且总结成了博客。所以我也终于去了解了 Webpack 4 的具体情况。以下就是我对迁移到 Webpack 4 的一些经验。
本文的重点在:
在木犀的 PaaS 云平台的设计中,需要有一个细粒度比较小的权限控制系统。不同用户对不同的资源,拥有不同的权限。土办法已经不管用了,我们需要更系统,更规范的权限控制系统。本文讲的就是如何将权限控制库 Casbin 接入 Iris Web 框架。
目前网上有很多「XX源码分析」这样的文章,不过这些文章分析源码的范围有限,有时候讲的内容不是读者最关心的。同时我也注意到,源码是在不断更新的,文章里写的源码往往已经过时了。因为这些问题,很多同学都喜欢自己看源码,自己动手,丰衣足食。
这篇文章主要讲的是阅读大型的前端开源项目比如 React、Vue、Webpack、Babel 的源码时的一些技巧。目的是让大家在遇到需要阅读源码才能解决的问题时,可以更快的定位到自己想看的代码。授人以鱼不如授人以渔,希望大家可以通过这篇博客,了解到阅读大型前端项目源码时的切入点。在之后遇到好奇的问题时,可以自己去探索。