项目技术总结（雷达形式？） => stackshare.io

[JimmyLv]

不如放到这里： https://stackshare.io/JimmyLv 「截图」

project	tech stack	notes
o$p-ui		前端，React Components，AEM，Atomic Design
o$p-api		后端，MicroService，AWS，SSO，Spring-XX

示例（但是表格的形式还是太难编辑和查看）：

Tech Stack	Icon	Function	Category	Description	Notes	References
Enzyme		Javascript Testing Framework	Build, Test, Deploy	React 组件测试必备，提供了浅渲染解决方案与优雅的 API	mocha、mocha-webpack、mocha-junit-reporter、enzyme、chai、chai-enzyme、sinon、sinon-stub-promise、jsdom	[「技术雷达」之使用 Enzyme 测试 React（Native）组件

或者这里：

• Siftery | Share products you use at work, explore what others are using => 不能自己添加新的工具，也不能集结成集
• Awesomes - Web前端开发资源库 => 功能还不错，但是不能添加每个技术栈的使用详情
• SDK.CN - 中国领先的开发者服务平台 => 页面太丑

TODOs

1. save file with 22.md name on sublime text so that you can open it quickly by using Ctrl+P

一时间没找到总结项目的手段，然后发现从 TechRadar 入门是一个不错的选择，其实总结项目，总结的并不是项目本身，而是自己的技术栈，只是因为项目离自己最近而已。

Ideas

雷达应该是侦测你的期望，而不是责怪过去。

那么该用何种形式来回顾自己或项目上的技术栈？

于个人而言，可以把四个阶段划分为：

• 不学（暂缓，这东西可能要被淘汰了，投资回报没有价值）
• 观望（评估，这东西可能要火，但是现在下手性价比不高，还有更重要的事情要做）
• 学习（试验，这东西在项目上都已经用上了，自己也开始实践并且总结一些经验）
• 深入（采用，这玩意儿用过之后真不错，想去看看源码是怎么玩儿的，值得深入背后的理念和思想）

References

• 自制技术雷达 ref: 打造你自己的技术雷达 – ThoughtWorks洞见
• 工具已找到：
  • bdargan/techradar: Build your own Technology Radar. Inspired by ThoughtWorks Technology Radar.
  • zalando/tech-radar: A tool to help teams make the right technology choices
  • tnunamak/tech-radar: An interactive technology radar inspired by ThoughtWorks
  • Search TechRdar - Your stars
  • 或者自己仿照撸一个：WYSIWYG TechRadar Editor WYSIWYG TechRadar Editor (PWA) #160

[EthanLin-TWer]

感觉又可以来收干货了。

[JimmyLv]

真心干货，切换到 Details Tab 查看具体 Description （better to li: margin-bottom: 5px;）：

• O$P- - Lv | StackShare
• O$P-API - Lv | StackShare

这里重点总结了前端即 O$P- 的内容，后端 API 部分会放到 #105 总结微服务相关实践

[JimmyLv]

Tech Stack	Icon	Function	Category	Description	Notes
Enzyme		Javascript Testing Framework	Build, Test, Deploy	React 组件测试必备，提供了浅渲染解决方案与优雅的 API	mocha mocha-webpack mocha-junit-reporter enzyme chai chai-enzyme sinon sinon-stub-promise jsdom
Ansible		Server Configuration and Automation	Build, Test, Deploy	ansible scripts in common deployment repo playbooks with different roles different env config properties in YAML file	create (ec2) instance
PostCSS		CSS Pre-processors / Extensions	Languages & Frameworks	autoprefixer to support multiple browsers automatically (with webpack plugin)
Selenium		Browser Testing	Build, Test, Deploy	E2E testing	*nightwatch *robot framework