为了达成 OKR 聊点儿主题相关的,这次的主题是关于前端工程化的问题,以及对未来的展望,如何身体力行地去参与创建下一代前端。
内容主要三个部分 —— 开发,部署,运维
希望大家可以开拓视野,尝试用初次相见的眼光看待事物,不拘泥于目前的限制。毕竟比马更快的不是马,比 TNT 更爆裂的也不是炸药。那么,比 React, Webpack 更好的,是什么呢?
主播
- AnnatarHe: https://web.okjike.com/u/20965c29-1f92-4df8-9107-45043db29278
- Tinko: https://space.bilibili.com/290664
- Sleaf
Timeline
- 00:00 开场
- 01:03 前端工程化的前世今生
- 05:05 现代工程化 - 开发(分支管理与 Git Flow)
- 12:36 当前部署流程 CI/CD
- 14:32 下一代构建/部署展望
- 23:10 下一代的 CSS 样式要怎么写?
- 31:55 我们需要更高压缩率的图片格式吗?
- 38:07 关于测试的讨论
- 46:25 下一代运维是什么样,Serverless?
- 52:28 上线之后我们要做什么?
- 56:37 畅想重构 web 开发流程
Ref
- Backbone.js https://backbonejs.org/
- 各种 git 工作流 https://www.ruanyifeng.com/blog/2015/12/git-workflow.html
- Git-flow 已经过时 https://nvie.com/posts/a-successful-git-branching-model/
- Google 不再兼容 IE https://9to5google.com/2021/10/01/google-search-internet-explorer-11/
- 常见图片格式 https://juejin.cn/post/6844903625731358727
- E2E 测试工具 Cypress https://www.cypress.io/
- 自动文档生成工具 https://typedoc.org/
- TDD(Test Driven Development) https://en.wikipedia.org/wiki/Test-driven_development
- Sentry https://sentry.io/
- NewRelic https://newrelic.com/
- Uptrace https://uptrace.dev/
- Prisma https://www.prisma.io/
- Rome https://rome.tools/
更多资料
- 软件开发的工作流: https://blog.forecho.com/software-development-workflow.html
- LeanCloud 开放资源 - 文案风格指南: https://open.leancloud.cn/copywriting-style-guide/
- How We Build Code at Netflix: https://netflixtechblog.com/how-we-build-code-at-netflix-c5d9bd727f15
- 不需要追求 100% 的测试覆盖率 https://medium.com/@joshuakgoldberg/in-defense-of-100-unit-test-coverage-7fd1a9873ca4
联系方式:async.talk@gmail.com
BGM by Otologic