确定自己的技术栈和工具

[Jiang-Xuan]

Answer

前端通用技术

• HTML https://html.spec.whatwg.org/multipage/
• CSS https://www.w3.org/Style/CSS/Overview.en.html
• ECMAScript https://tc39.es/ecma262/ https://developer.mozilla.org/en-US/docs/Web/JavaScript
• 开发者工具 Chrome 开发者工具 / Firefox 开发者工具

文档工具

• storybook UI 组件文档 https://storybook.js.org/

后端通用技术

• nodejs https://nodejs.org/en/

运维技术

• nginx https://www.nginx.com/

数据库技术

• mongodb https://www.mongodb.com/

错误监控

• sentry https://sentry.io/welcome/

测试框架

• Jest 4.x.x https://jestjs.io/en/
• supertest https://github.com/visionmedia/supertest

Mock 接口

• Open Api Spec 3 https://github.com/OAI/OpenAPI-Specification/
• Swagger https://swagger.io/

Api 规范

• RESTFul api https://restfulapi.net/

组件化开发框架

• React 16.x.x https://reactjs.org/

UI 组件库

• ant design https://ant.design/
• material design http://material.io/

路由框架

• react-router https://reacttraining.com/react-router/web/guides/quick-start

css 预处理器

• less http://lesscss.org/

数据管理框架

• redux (react-redux 用来连接 react 和 redux)

图床

• tuchuang.space https://tuchuang.space

打包工具

• webpack 4.x.x https://webpack.js.org/

[Jiang-Xuan]

至在乎这些框架的输入输出, 如非必要或者是感兴趣(除前端), 不要深入源码