zzl zzl0

对 React 团队工作经历的思考

今天在写2023的年终总结，再额外聊两句在 React Core team 的经历和反思吧，也算是正式画上句号了。

我在2022 年加入了 React，算是某种程度上实现了自己的梦想：加入这个在前端领域最有影响力的团队，真的很令人骄傲。可惜加入没多久，公司就开始 hire freeze，我在的 Dev Tooling 组原先说好5个 headcount 变成了两个，工作量却一点也没少。开会讨论我们组要做什么的时候，来了二三十个人，提了五六十个想法，个个都说要做行业标杆。而现实是作为 DevTools 最主要载体的 Chrome 扩展 API 和几个 moible 工具都在不断更新，光跟进维护和解决 bug 都够忙的了。我觍着脸开口问谁能贡献一部分时间来帮我们做一个项目，人人都面露难色。大家也能感受到，工程师们都很希望自己使用的工具能变好，但是这个东西在 Meta 这家公司里是真的排不上优先级。其实不只 React DevTools，整个 React 组都是如此。只有跟公司重视的 VR 有关系的项目才能得到资源。团队里一些想重点发展 web 方向的核心成员，即使是 Seb 和 Andrew 这种级别，也只能另谋出路，跳槽去了 Vercel。

为什么 React 在 Meta 得不到资源

我和不少同样做前端的朋友都有这样的困惑：React 在 Meta 到处都用，在业界也为 Meta 带来了巨大的名望，这么重要的项目，为什么不能多投入一点资源呢？

2023：不可思议的幸运之年

写在最前面

我一直很佩服能坚持写作的人。我自己写东西的时候八成都是这样的三部曲：产生强烈的表达冲动——越写越觉得自己的想法和表达有缺失——把半成品忘在草稿箱里。
今年我下决心无论如何都要把年终总结写出来，因为在生活的方方面面都发生了太多重要的事了。但是写着写着又开始自我怀疑：说了这么多事，好像每个都有点感悟，又每个都没写清楚，这算个什么哪门子的文章？正这么想的时候在推特上看到了 Rick Rubin 的一个视频叫作《How to deal with a creative block》。他鼓励内容创作者写东西就当作写日记，只为自己一个人写，认真写，不用为别人负责。
谢谢 Rubin，谢谢宇宙。这篇总结我就为了自己写。

Useful Links / Sources

PrestoDB Selects Doc

Housekeeping

change column type

ALTER TABLE logs.trades CHANGE recentprice price int;

Sessions

Code	Title	Duration	Link
Keynote	Andy Jassy Keynote Announcement Recap	0:01	https://www.youtube.com/watch?v=TZCxKAM2GtQ
Keynote	AWS re:Invent 2016 Keynote: Andy Jassy	2:22	https://www.youtube.com/watch?v=8RrbUyw9uSg
Keynote	AWS re:Invent 2016 Keynote: Werner Vogels	2:16	https://www.youtube.com/watch?v=ZDScBNahsL4
Keynote	[Tuesday Night Live with Jame

To transform the currently opened Graphviz source file (in DOT Language) into a PNG:

{
    "cmd": [ "dot", "-Tpng", "-o", "$file_base_name.png", "$file"],
    "selector": "source.dot"
}

Usage

mathclub是最近做的一个个人项目，帮助考SAT的同学通过在线做题、回顾、问答提高成绩。用户功能有：计次/计时做题、成绩单、错题分布、错题回顾、提问、汇总以及注册登录。管理后台主要是题库管理、学员管理、成绩单管理、问题回复。怎么看都像学校里的课设，的确项目本身并不出奇，开发上选用的一些方案或许更有意思。

整个项目一个人从产品需求、原型设计、前后端开发到部署历时2周左右。可以从截图上感受一下：

技术选型上服务端是Node.js，应用框架选了老牌的Express（4.x变化挺大不少中间件都废了），数据服务用的是MongoLab（MongoDB的云服务平台），图片上传用的是又拍云，程序部署在Nodejitsu上。模板引擎没选主流的Jade或ejs，而是用Express React Views它实现了在服务端渲染React组件。前端框架是用React，这次有意想追求前后端全部组件化的组织。之前是用Webpack实现CommonJS模块打包，这次用Browserify配置更简单，它有丰富的transform很赞，其中的reactify转换React的JSX很完美。CSS用Sass＋autoprefixer让人省心。将这一切串起来的自动构建工具是Gulp。我其实崇尚用最精简的工具组合开发，上述组合在我看来比较精简了。（帖纸留念）

![image](http://satexam.b0.upaiyu

	Code from PyCon India 2019 Keynote Talk
	David Beazley (https://www.dabeaz.com)
	======================================

	This code is presented "as is" and represents what was live-coded
	during my closing keynote presentation at PyCon India, Chennai,
	October 13, 2009. I have made no changes to the files.

	Requires: Python 3.6+, numpy, pygame

	Note that this is sandbox. If you have not registered profiles in sandbox you
	will need to do so prior to making these calls. You will also need at least
	one campaign, ad group, and keyword before you see anything in the report.
	While in sandbox, we will return “dummy” data so that you can see how an actual
	report would look.

	To make it look nicer, I always export my access token prior to making calls.
	You could do the same for API-Scope (profile Id) if you wish. Make sure to use
	quotes around the access token if it isn’t URL encoded. It has a \| (pipe)
	symbol and your shell won’t like it.

	# coding: utf-8

	import socket

	switch = 'append' # you can modify this

	_REQ_TMPL = "%s test_profile_key_%%s 0 0 4\r\n2333\r\n"
	if switch == 'set':
	REQ_TMPL = _REQ_TMPL % 'set'
	RES = 'STORED\r\n'