[zh] 学习 flag 系列 —— 重新开始设计基础组件 (0)

[JounQin]

[zh]

工作过程中我们一般会使用公司老同事提前写好的各种基础组件，我们在项目中随心所欲地根据组件 API 文档或源码进行调用，似乎从没想过如果是自己来从头开始设计这些基础组件会是什么样子？我能设计得更合理、比现在的组件更好用吗？回想很久之前自己实现的某些基础组件真的完美了吗？Angular、React、Vue 目前来看是前端界的三大支柱，使用他们分别进行组件化开发实现上会有哪些不同？🤓

我相信这些问题值得我去探索，所以今天要在这里为自己接下来学习生活立一下 flag ，接下来每隔一段时间我将分别使用三大框架去总结实现一个产品中常用的基础组件，它们将尽可能共享一套样式源码，即一套样式多个框架实现，最大化复用。

它有可能并不会比原来更好，也有可能会使用目前已有的较好的解决方案，还有可能只是实验玩具性质的，甚至有可能会无疾而终，但无论怎样它都是我拥有的。😘

为了避免组件跟已有第三方包重名，所有组件和代码都将放到 1stg 这个组织下（npm + GitHub），UI 前缀就取 g- 好了，所以它叫 GUI 。💖

这个 flag 的学习目标不是实现一个个大而全的基础组件，而是实现一个个简单、易于扩展的基础功能组件。

首期预告：

一个已完成的非 UI 组件 —— 翻译功能的实现，它并不是 i18n ，因为没有去考虑单复数、货币本地化等相关功能，而是简单地映射不同语言的文本，这在大部分中小项目里是可以接受的。