22 项向开源和无限创造力致敬的举措
抱歉,如果说得有点情绪化,但我现在必须说出来。即使冒着让你们有些人感到无聊的风险。这不是又一篇 Vue、React 和 Angular 对比的文章——更像是 Vue、React 和 Angular 的对比。
我热爱开源社区,真的热爱。人们能够让一切更易用、更高效、构建互联互通的事物,并找到解决复杂问题的解决方案,这真是令人惊叹——简而言之:让其他开发者和用户的生活更轻松,互相帮助——甚至在很多情况下不收取任何报酬!我不知道还有哪个专业领域能做到如此程度。
有时,当我浏览 Github 代码库时,我尤其会被人们为现有框架的扩展创建徽标的创意所折服。所以,我想展示一些完全随机的项目,看看开源是多么丰富多彩和富有创意!也许其中有一些你还没听说过,但对你当前的项目很有用。
但即使不是,我们也应该将此作为 2020 年我们自己的开源贡献和项目的灵感和动力!
Vue.js
先从我在 Github 上找到的一些 Vue.js 项目开始吧。原始的 logo 如下:
1. vee-validate
此框架允许您验证输入并显示错误。Vue.js 徽标在这里被简化为表示验证的功能,真是太高效了!
logaretm / vee-validate
✅ 轻松的 Vue 表单
2. 很棒的 Vue.js
超多 Vue.js 相关项目,一长串。当然,戴上墨镜怎么看都不酷😎!
vuejs / awesome-vue
🎉 精选与 Vue.js 相关的精彩内容列表
3. BootstrapVue
Vue.js 的 Bootstrap v4 组件和网格系统的实现。
bootstrap-vue / bootstrap-vue
BootstrapVue 为 Vue.js 提供了最全面的 Bootstrap v4 实现之一。它具备广泛且自动化的 WAI-ARIA 可访问性标记。
4. Vuefire 和 Vuexfire
对于使用 Firebase/Firestore 和 Vue.js 的用户来说,这是一个非常方便的软件包。我喜欢 Vue.js 的 logo 变成了一个风格化的火炬🔥!
5. Vue Styleguidist
一个带有动态代码风格指南的 Vue.js 开发环境。好棒的领带👔!
vue-styleguidist / vue-styleguidist
由 React StyleGuidist 为 Vue Components 创建,带有实时样式指南
6. Vuesion
使用这个 Vue.js 样板构建可投入生产的 PWA。Vue.js 的 logo 已经所剩无几了🕶!
7. 电子-Vue
使用这个 Vue.js 模板构建 Electron 应用。你不必总是修改 Vue.js 的 logo,有时使用 Vue.js 的颜色就足够了⚛!
模拟GREG / electron-vue
一个 Electron 和 Vue.js 快速启动样板,带有 vue-cli 脚手架、常见的 Vue 插件、electron-packager/electron-builder、unit/e2e 测试、vue-devtools 和 webpack。
8. Vuesax
基于 Vue.js 的组件框架。颜色渐变功能万岁🎨!
9. Vue使用
以及 Vue Composition API 的一些实用工具。你的 Vue.js 项目需要 logo 吗?只需更改字母 😅!
React.js
现在我们来看一些来自 React.js 社区的例子。这是原始的 logo:
10. Redux
一种流行的 JavaScript 应用程序可预测状态容器,可与 React 一起使用(也可与任何其他视图库一起使用)。
11. React-Leaflet
一些用于 Leaflet 地图的 React 组件。一个在叶子上展示 React 的 logo 🍃……或者它是一个地图标记?
PaulLeCam / react-leaflet
用于 Leaflet 地图的 React 组件
12. React SVG 变形
一个可以将 SVG 组件相互转换的库。这里有一个例子,展现了作者对 React 的热爱♥!

gorangajic / react-svg-morph
🔮 将你的 svg 组件变形为另一个
13. React Cosmos
一个用于构建可扩展、高质量用户界面的开发环境。虽然和 React 的 logo 不太一样,但两个 logo 都展现了某种宇宙感🚀!不是吗?
React-cosmos / React-cosmos
用于独立开发和测试 UI 组件的沙盒
14. 反应加速器
一款用于检查 React JS 和 React Native 应用的应用。色彩渐变,又见啦😅!
infinitered / reactotron
用于检查您的 React JS 和 React Native 项目的桌面应用程序。macOS、Linux 和 Windows。
15. React Styleguidist
正如我们已经在 Vue.js 中看到的,这是 Styleguidist 的 React 版本,带有完全不同的徽标...🐙!
styleguidist /反应风格guidist
具有实时风格指南的独立 React 组件开发环境
角度
最后,我们来看看 Angular 都有哪些新功能。这是 Angular 的原始 logo:
16. NG Bootstrap
Bootstrap 4 Angular 小部件。原始徽标采用分层设计,并添加了另一个字母 🛡!
ng-bootstrap / ng-bootstrap
Angular 驱动的 Bootstrap
17. 超棒的 Angular
正如我们在 Vue.js 中看到的:这是一个很棒的 Angular 版本。为什么不直接复用原来的 logo 呢💡!?
PatrickJS / awesome-angular
📄 精选的 Angular 资源列表
18. ngx-materialize
Angular 再次围绕 Materialize 库进行包装。Angular 的标志终于实体化了!
sherweb / ngx-materialize
Angular 环绕 Materialize 库
19. NG-佐罗
Ant Design 和 Angular 的结合也体现在统一的标志中🤝🏻!
NG-ZORRO / ng-zorro-antd
基于 Ant Design 的 Angular UI 组件库
20. Angular-Cesium
一个使用 Cesium 和 Angular 组件创建地图应用的项目。一张世界地图、一个名字、一个 Angular 的 logo——就这些🗺!
articodeltd /角铯
使用 Cesium 和 Angular 创建基于地图的 Web 应用程序的 JavaScript 库
21. 角度进度条
一个纳米级的进度条,试图让用户相信某事正在发生。Angular 徽标正在加载中⏳!
MurhafSousli / ngx-progressbar
角度进度条 ☄
22. ngx-auth-firebaseui
用于 Firebase 身份验证的 Angular UI 组件。在著名的 Angular 轮廓内放置一些内容,它将被识别为 Angular 项目🔥!
AnthonyNahas / ngx-auth-firebaseui
用于 Firebase 身份验证的 Angular Material UI 组件
总结
我希望我能够展现一些开源的创造力,并激励你去 fork 一些东西或创建你自己的版本。这个清单可以一直列下去。市面上有无数优秀的操作系统项目。
再次衷心感谢所有为 OS 做出贡献的人——无论贡献多少!有你们真是太好了。
如果您想展示一个出色的操作系统项目或您自己的项目,请在评论中随意发表。
发布日期:2020年2月19日
文章来源:https://dev.to/devmount/22-shout-outs-to-open-source-and-infinite-creativity-4dk8