Lyft的TypeScript实践(3)

在Lyft,我们使用了一个叫作Tetris的原子CSS库。原子CSS的核心理念是说,重复类名比重复CSS代码的代价更小。原子CSS框架提供了很多小型的CSS类,可以通过组合它们来给元素添加样式。在使用Tetris时,开发人员需要记住大量CSS类名(比如p-a-m,用于给方框增加填充空间)。

为了提升开发效率,我们编写了一个TypeScript文件,它把所有的Tetris类名都导出来,开发人员可以在他们最喜欢的编辑器里导入这个文件,然后就可以使用类名自动完成功能了。

Lyft的TypeScript实践

Swagger到TypeScript代码生成

与后端API集成的代码经常会出现bug,这是最让人头痛的问题。后端的变更会影响到前端代码,又或者有时候前端的代码变更会破坏与后端API的兼容性。

我们的后端API是通过OpenAPI(Swagger 2.0)来描述的,我们因此能够规范前端应用的API使用。我们使用Swagger JSON Schema模型为API客户端自动生成TypeScript接口。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/ad10c5e348b114ba91bc2d52dc7eb4e4.html