Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/myNameIsDu/front-end-weekly

Last synced: about 2 months ago
JSON representation
Host: GitHub
URL: https://github.com/myNameIsDu/front-end-weekly
Owner: myNameIsDu
Created: 2022-03-07T05:28:02.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-10-31T17:18:14.000Z (almost 2 years ago)
Last Synced: 2024-07-05T09:37:01.841Z (3 months ago)
Size: 136 KB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

        # front end weekly

记录一周以来的前沿技术新闻看到的好的文章

## [第四十三期](./docs/%E7%AC%AC%E5%9B%9B%E5%8D%81%E4%B8%89%E6%9C%9F.md)

1. [编写更好的错误提示](https://wix-ux.com/when-life-gives-you-lemons-write-better-error-messages-46c5223e1a2f)

2. [route-list](https://github.com/VladimirMikulic/route-list)

3. [Turbopack](https://github.com/VladimirMikulic/route-list)

4. [打开 chrome devtool 的方式](https://developer.chrome.com/en/blog/devtools-tips-15/)

5. [What's New In DevTools (Chrome 108)](https://developer.chrome.com/en/blog/new-in-devtools-108/)

## [第四十二期](./docs/%E7%AC%AC%E5%9B%9B%E5%8D%81%E4%BA%8C%E6%9C%9F.md)

1. [A World-Class Code Playground with Sandpack](https://www.joshwcomeau.com/react/next-level-playground/)

2. [为什么我不使用 Prettier](https://antfu.me/posts/why-not-prettier-zh)

3. [VS Code Community Discussions for Extension Authors](https://code.visualstudio.com/blogs/2022/10/04/vscode-community-discussions)

## [第四十一期](./docs/%E7%AC%AC%E5%9B%9B%E5%8D%81%E4%B8%80%E6%9C%9F.md)

1. [Chrome DevTools 107](https://developer.chrome.com/en/blog/new-in-devtools-107/)

2. [我是怎么调试 React 项目的](https://mp.weixin.qq.com/s/tyR5vCiZHanXEdDQgdzKTg)

3. [git gc - 你不需要它](https://donatstudios.com/yagni-git-gc)

4. [Typescript 4.9 Beta](https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-beta/)

## [第四十期](./docs/%E7%AC%AC%E5%9B%9B%E5%8D%81%E6%9C%9F.md)

1. [memlab](https://engineering.fb.com/2022/09/12/open-source/memlab/)

2. [React Router v6.4](https://remix.run/blog/react-router-v6.4)

3. [Chrome DevTools 106](https://developer.chrome.com/en/blog/new-in-devtools-106/)

## [第三十九期](./docs/%E7%AC%AC%E4%B8%89%E5%8D%81%E4%B9%9D%E6%9C%9F.md)

1. [vs code 1.71]()

2. [history.scrollRestoration](https://twitter.com/dan_abramov/status/1568219286744797190)

3. [Nest 的实现原理？理解了 reflect metadata 就懂了](https://mp.weixin.qq.com/s/ijygSAtDSreop5XExhFjGQ)

4. [全网最优雅的 React 源码调试方式](https://mp.weixin.qq.com/s/Yfmb11mmvfXg2FlEu7UlXA)

5. [JavaScript 模块中的默认导出非常糟糕](https://www.lloydatkinson.net/posts/2022/default-exports-in-javascript-modules-are-terrible/)

## [第三十八期](./docs/%E7%AC%AC%E4%B8%89%E5%8D%81%E5%85%AB%E6%9C%9F.md)

1. [Installing and running Node.js bin scripts](https://2ality.com/2022/08/installing-nodejs-bin-scripts.html)

2. [HTTP 的缓存为什么这么设计？](https://mp.weixin.qq.com/s/0P8_lnVf2_zMzIBJ20qajA)

3. [用 Node.js 手写一个 DNS 服务器](https://mp.weixin.qq.com/s/Gl94ISY5N4BYyYmVT9-QFQ)

4. [TypeScript 深水区：3 种类型来源和 3 种模块语法](https://mp.weixin.qq.com/s/DAL4_JxE-O-ALXPCStvvGA)

## [第三十七期](./docs/%E7%AC%AC%E4%B8%89%E5%8D%81%E4%B8%83%E6%9C%9F.md)

1. [深入解读新一代全栈框架 Fresh](https://mp.weixin.qq.com/s/8qNI4a-3P2KId9WRAnz2dw)

2. [Git：备忘单（高级）](https://dev.to/maxpou/git-cheat-sheet-advanced-3a17)

3. [TypeScript 4.8](https://devblogs.microsoft.com/typescript/announcing-typescript-4-8/#exclude-globs-auto-import)

4. [彻底搞懂 Webpack 的 sourcemap 配置原理](https://mp.weixin.qq.com/s/0Sq9Z0i9Q3N0likFlZB0rQ)

## [第三十六期](./docs/%E7%AC%AC%E4%B8%89%E5%8D%81%E5%85%AD%E6%9C%9F.md)

1. [Astro 的正式发布给前端界带来了什么](https://mp.weixin.qq.com/s/G7b9Dv5xEvnM0AMT1EXKJQ)

2. [ARCHITECTURE.md](https://matklad.github.io/2021/02/06/ARCHITECTURE.md.html)

3. [fetchpriority调整资源加载优先级](https://addyosmani.com/blog/fetch-priority/)

4. [Github 实用小技巧](https://xuanwo.io/reports/2022-32/)

5. [parse5](https://github.com/inikulin/parse5)

6. [动态生成函数类型重载](https://mp.weixin.qq.com/s/dW9Au8agrxtb7dlByFfHHg)

## [第三十五期](./docs/%E7%AC%AC%E4%B8%89%E5%8D%81%E4%BA%94%E6%9C%9F.md)

1. [vscode 1.70](https://code.visualstudio.com/updates/v1_70)

2. [五千字深度解读 Vite 的依赖扫描](https://juejin.cn/post/7129160452377935903)

3. [Mailing](https://github.com/sofn-xyz/mailing)

4. [Docsy 0. 4, Docusaurus 2.0, Astro 1.0](https://linux-china.davao.page/blog/2022-08-09-docy-vs-docusaurus-vs-astro/)

5. [Bundle-less 的思考和实践分享](https://mp.weixin.qq.com/s/nk5SN8AKwyFkUTEOiLCBdQ)

6. [为什么有些人用一年时间获得了你十年的工作经验？（演讲：学习曲线和Hacking大脑，谈终身学习如何改变你的人生](https://www.youtube.com/watch?v=Pr4Sw6cYAfU)

7. [cmdk](https://github.com/pacocoursey/cmdk)

8. [@napi-rs/clipboard](https://github.com/Brooooooklyn/Clipboard)

## [第三十四期](./docs/%E7%AC%AC%E4%B8%89%E5%8D%81%E5%9B%9B%E6%9C%9F.md)

1. [DNS 服务器](https://www.ruanyifeng.com/blog/2022/08/dns-query.html)

2. [DevTools 中的新功能 (Chrome 104)](https://developer.chrome.com/blog/new-in-devtools-104/)

3. [zod](https://github.com/colinhacks/zod)

4. [Deno Runtime定制](https://linux-china.davao.page/blog/2022-07-31-deno-customization/)

5. [前端构建效率优化之路](https://mp.weixin.qq.com/s/UZ-ytVffpCnyrvm_bkgiUA)

6. [独立的 transform 属性](https://web.dev/css-individual-transform-properties/)

7. [新拾取的 6 个习惯和方法](https://mp.weixin.qq.com/s?__biz=MjM5NDgyODI4MQ%3D%3D&mid=2247485111&idx=1&sn=fac98125bb7b4659058fd4d0f17df4d8)

8. [React 重新渲染指南](https://www.developerway.com/posts/react-re-renders-guide)

9. [无界微前端方案](https://juejin.cn/post/7125646119727529992)

## [第三十三期](./docs/%E7%AC%AC%E4%B8%89%E5%8D%81%E4%B8%89%E6%9C%9F.md)

1. [dax - Deno 的跨平台 shell 工具](https://david.deno.dev/posts/dax/)

2. [在 JavaScript 中实现大文件的并发下载](https://blog.bitsrc.io/implement-concurrent-download-of-large-files-in-javascript-4e94202c5373)

3. [HypeScript](https://github.com/ronami/HypeScript)

4. [PicHub](https://github.com/lewkamtao/PicHub)

5. [TanStack Query v4](https://tanstack.com/blog/announcing-tanstack-query-v4)

## [第三十二期](./docs/%E7%AC%AC%E4%B8%89%E5%8D%81%E4%BA%8C.md)

1. [React 中的 Actionless 和 Stateless reducer](https://julesblom.com/writing/actionless-and-stateless-reducers#increment-reducer)

2. [如何坚持写技术博客？](https://zhuanlan.zhihu.com/p/497150220)

3. [可能改变前端工程化未来的特性：ESM Loader Hooks](https://mp.weixin.qq.com/s?__biz=MzkzMjIxNTcyMA%3D%3D&mid=2247490796&idx=1&sn=ceaf8c0292012e56f35ab1205f9be330#wechat_redirect)

4. [Fresh: Blazingly Fast React](https://www.youtube.com/watch?v=Q4dos7-gX68)

## [第三十一期](./docs/%E7%AC%AC%E4%B8%89%E5%8D%81%E4%B8%80%E6%9C%9F.md)

1. [由自定义属性驱动的可变单位](https://www.bram.us/2022/07/08/the-future-of-css-variable-units-powered-by-custom-properties/)

2. [为什么DRY是最被高估的编程原则？](https://gordonc.bearblog.dev/dry-most-over-rated-programming-principle/)

3. [14 种有用的 JavaScript 正则化方法](https://blog.bitsrc.io/14-commonly-used-regularization-methods-b97db6956ac4)

4. [NestJS v9](https://trilon.io/blog/nestjs-9-is-now-available#REPL-read-eval-print-loop-)

5. [我要去哪里？- 写在我的 30 岁](https://mp.weixin.qq.com/s/V8Plewc4OlJq5ViguLCa5A)

6. [语句和表达式](https://www.joshwcomeau.com/javascript/statements-vs-expressions/)

7. [构建面向未来的前端架构](https://frontendmastery.com/posts/building-future-facing-frontend-architectures/#breaking-down-monolithic-components)

## [第三十期](./docs/%E7%AC%AC%E4%B8%89%E5%8D%81%E6%9C%9F.md)

1. [Jest 实战指南(小册)](https://github.yanhaixiang.com/jest-tutorial/)

2. [JavaScript心智模型(小册)](https://sudongyuer.github.io/javascript-mental-models/)

3. [ESLint 通关小册](https://sudongyuer.github.io/learn-eslint/guide/%E5%B0%8F%E5%86%8C%E7%AE%80%E4%BB%8B.html)

4. [bun](https://bun.sh/)

## [第二十九期](./docs/%E7%AC%AC%E4%BA%8C%E5%8D%81%E4%B9%9D%E6%9C%9F.md)

1. [You Might Not Need an Effect](https://beta.reactjs.org/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes)

2. [JavaScript equality 速查表](https://dorey.github.io/JavaScript-Equality-Table/)

3. [在 Node.js 上使用文件系统](https://2ality.com/2022/06/nodejs-file-system.html#important-classes)

4. [Remix 数据流](https://remix.run/blog/remix-data-flow)

5. [Oh Shit, Git!?!](https://ohshitgit.com/zh)

## [第二十八期](./docs/%E7%AC%AC%E4%BA%8C%E5%8D%81%E5%85%AB%E6%9C%9F.md)

1. [Rust语言圣经(Rust Course)](https://course.rs/about-book.html)

2. [面试面试官](https://github.com/readme/guides/technical-interviews)

3. [2022 年, 入坑推荐](https://www.zhihu.com/question/530099939/answer/2459663651)

4. [创建和使用 git 补丁](https://levelup.gitconnected.com/how-to-use-git-patch-effectively-98650a631bdf)

5. [创建和使用 git 补丁](https://levelup.gitconnected.com/how-to-use-git-patch-effectively-98650a631bdf)

6. [用中文浏览国外社交媒体里的热门讨论](https://www.buzzing.cc/)

7. [TypeScript 4.8 beta](https://devblogs.microsoft.com/typescript/announcing-typescript-4-8-beta/)

8. [24个防御性 css 技巧](https://defensivecss.dev/)

## [第二十七期](./docs/%E7%AC%AC%E4%BA%8C%E5%8D%81%E4%B8%83%E6%9C%9F.md)

1. [携程机票前端Svelte生产实践](https://mp.weixin.qq.com/s/QWwb8PXtdJJUKyicHRmBkw)

2. [Redwood in 100 Seconds](https://www.youtube.com/watch?v=o5Mwa_TJ3HM)

3. [Remix Flat Routes](https://github.com/kiliman/remix-flat-routes)

4. [qnm](https://github.com/ranyitz/qnm)

5. [Plasmo](https://github.com/PlasmoHQ/plasmo)

6. [使用 Playwright 自动化测试 Web 应用程序](https://egghead.io/courses/use-playwright-to-test-and-automate-web-applications-74b97e59)

## [第二十六期](./docs/%E7%AC%AC%E4%BA%8C%E5%8D%81%E5%85%AD%E6%9C%9F.md)

1. [lerna 复活](https://github.com/lerna/lerna/issues/3121)

2. [kbar](https://github.com/timc1/kbar)

3. [DeepL](https://chrome.google.com/webstore/detail/deepl-translate-beta-vers/cofdbpoegempjloogbagkncekinflcnj)

4. [网盘直链下载助手](https://github.com/syhyz1990/baiduyun)

5. [8个 html 技巧](https://dev.to/babib/7-shocking-html-tips-you-probably-dont-know-about-ggd)

6. [Framer Motion vs. Motion One](https://motion.dev/blog/should-you-use-framer-motion-or-motion-one)

8. [Monorepos](https://www.robinwieruch.de/javascript-monorepos/)

## [第二十五期](./docs/%E7%AC%AC%E4%BA%8C%E5%8D%81%E4%BA%94%E6%9C%9F.md)

1. [React 并发渲染的前世今生](https://mp.weixin.qq.com/s/01sTK6w4BFUzoRc2NKCs1w)

2. [Mini Next.js](https://hire.jonasgalvez.com.br/2022/may/18/building-a-mini-next-js/)

3. [Master Styles](https://docs.master.co/styles/setup)

4. [Next.js Layout](https://nextjs.org/blog/layouts-rfc)

5. [typescript 4.7](https://devblogs.microsoft.com/typescript/announcing-typescript-4-7/)

## [第二十四期](./docs/%E7%AC%AC%E4%BA%8C%E5%8D%81%E5%9B%9B%E6%9C%9F.md)

1. [Zustand, Jotai, Valtio](https://react-community-tools-practices-cheatsheet.netlify.app/state-management/poimandres/#differences-between-valtio-and-mobx)

2. [一文看透 Module Federation](https://mp.weixin.qq.com/s/WCQvPbd_w8P-Tn36Sc0SXQ)

3. [The Complete Modern React Developer 2022](https://andrewbaisden.hashnode.dev/the-complete-modern-react-developer-2022)

4. [从 Turborepo 看 Monorepo 工具的任务编排能力](https://mp.weixin.qq.com/s?__biz=Mzg2ODQ1OTExOA%3D%3D&mid=2247497447&idx=1&sn=ec7dfca8e0a1034d08097bcd7805b855#rd)

5. [Side Project 指南](https://sideproject.guide/)

6. [关于px和可访问性](https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/)

## [第二十三期](./docs/%E7%AC%AC%E4%BA%8C%E5%8D%81%E4%B8%89%E6%9C%9F.md)

1. [DevTools 中的新功能 (Chrome 102)](https://developer.chrome.com/en/blog/new-in-devtools-102/)

2. [Storybook 性能: webpack vs vite](https://storybook.js.org/blog/storybook-performance-from-webpack-to-vite/)

3. [TypeScript 4.7 RC](https://devblogs.microsoft.com/typescript/announcing-typescript-4-7-rc/)

4. [unimported](https://github.com/smeijer/unimported)

5. [ts: 接收任何string 但是指定提示](https://twitter.com/diegohaz/status/1524257274012876801)

6. [Find commands at the speed of thought](https://www.commands.dev/)

7. [State of CSS 2022](https://web.dev/state-of-css-2022/#2022-and-beyond)

## [第二十二期](./docs/%E7%AC%AC%E4%BA%8C%E5%8D%81%E4%BA%8C%E6%9C%9F.md)

1. [useTilg](https://github.com/shuding/tilg)

2. [pnpm v7](https://github.com/pnpm/pnpm/releases/tag/v7.0.0)

3. [Effidit 创作助手](https://effidit.qq.com/)

4. [beeminder 习惯养成工具](https://www.beeminder.com/)

5. [node 16.15](https://nodejs.org/en/blog/release/v16.15.0/)

6. [React官方团队出手，补齐原生Hook短板](https://mp.weixin.qq.com/s/J_RUfn-kcynBme5FiE4mRg)

7. [Bash技巧](https://github.com/onceupon/Bash-Oneliner)

8. [你不需要 UI 框架](https://www.smashingmagazine.com/2022/05/you-dont-need-ui-framework/)

10. [wireit](https://github.com/google/wireit)

## [第二十一期](./docs/%E7%AC%AC%E4%BA%8C%E5%8D%81%E4%B8%80%E6%9C%9F.md)

1. [HTTPie 是如何丢失 5.4 万 Star 的](https://icloudnative.io/posts/how-we-lost-54k-github-stars/)

2. [antd v4.20.0](https://github.com/ant-design/ant-design/releases/tag/4.20.0)

3. [Jest Preview](https://github.com/nvh95/jest-preview)

4. [手写 Bundler](https://cpojer.net/posts/building-a-javascript-bundler#execute-our-bundle-using-a-runtime)

5. [react 18.1](https://github.com/facebook/react/releases)

6. [JavaScript 数组新增 4 个非破坏性方法！](https://mp.weixin.qq.com/s/zS7ny0JxuOoityqp5w-Vyw)

7. [悄悄告诉你：React18文档里写错的地方](https://mp.weixin.qq.com/s/rb5qRsxmfG2bmYKRezX3OA)

## [第二十期](./docs/%E7%AC%AC%E4%BA%8C%E5%8D%81%E6%9C%9F.md)

1. [chrome 实时字幕](https://support.google.com/chrome/answer/10538231?hl=en)

2. [react-query v3.35.0](https://github.com/tannerlinsley/react-query/releases/tag/v3.35.0)

3. [redux v4.2.0](https://github.com/reduxjs/redux/releases/tag/v4.2.0)

4. [前端大概要知道的 AST](https://juejin.cn/post/7087075805884809252)

5. [Jotai 如何指定包的入口](https://blog.axlight.com/posts/how-jotai-specifies-package-entry-points/)

6. [隔离食用手册](https://cook.yunyoujun.cn/)

7. [terminal 入门](https://www.joshwcomeau.com/javascript/terminal-for-js-devs/)

8. [node v18](https://nodejs.org/dist/latest-v18.x/docs/api/assert.html)

9. [Hydration 是纯粹的开销](https://www.builder.io/blog/hydration-is-pure-overhead)

10. [如何使用 JS 实现一个 HTML 解析器

](https://mp.weixin.qq.com/s?__biz=MzI5NjM5NDQxMg%3D%3D&mid=2247495537&idx=1&sn=c8d0ef67964f583317add7d1cf4501e3)

11. [Mitosis 入门](https://www.builder.io/blog/mitosis-a-quick-guide)

12. [Storybook Lazy Compilation for Webpack](https://storybook.js.org/blog/storybook-lazy-compilation-for-webpack/)

13. [Redux Toolkit（RTK） 的 Why 和 How](https://redux.js.org/introduction/why-rtk-is-redux-today)

14. [避免使用 `npm link` 的 4 个理由](https://hirok.io/posts/avoid-npm-link)

## [第十九期](./docs/%E7%AC%AC%E5%8D%81%E4%B9%9D%E6%9C%9F.md)

1. [TypeScript 4.7 beta](https://mp.weixin.qq.com/s/JrLUIKW0HnOfZu1ROrTsNw)

2. [Handling date strings in TypeScript](https://blog.logrocket.com/handing-date-strings-typescript/)

3. [react组合模式](https://www.developerway.com/posts/components-composition-how-to-get-it-right)

4. [TS实现tokenizer/parser/interpreter](https://github.com/anuraghazra/typelevel-parser)

5. [bundler-benchmarking](https://github.com/j0sh77/bundler-benchmarking)

6. [:has](https://matthiasott.com/notes/css-has-a-parent-selector-now)

7. [useCookie](https://github.com/tylerwolff/useCookie)

8. [cra v5.0.1](https://github.com/facebook/create-react-app/releases/tag/v5.0.1)

9. [注意！进群请先行修改楼户号。](https://h5.moo-e.com/roomis/)

10. [react-redux v8](https://github.com/reduxjs/react-redux/releases/tag/v8.0.0)

11. [React 18 Quick Guide & Core Concepts Explained](https://dev.to/shrutikapoor08/react-18-quick-guide-core-concepts-explained-519p)

12. [Lexical](https://lexical.dev/docs/intro)

## [第十八期](./docs/%E7%AC%AC%E5%8D%81%E5%85%AB%E6%9C%9F.md)

1. [私有属性的 6 种实现方式](https://mp.weixin.qq.com/s/SusZu6rdVijZ-6seg9oa0Q)

2. [What's new in ECMAScript 2022](https://pawelgrzybek.com/whats-new-in-ecmascript-2022/)

3. [ShadowRealms](https://2ality.com/2022/04/shadow-realms.html)

4. [vs code March 2022](https://code.visualstudio.com/updates/v1_66#_languages)

5. [pnpm v7 升级经验](https://blog.csdn.net/qq_21567385/article/details/123948061)

6. [Remix Routes](https://www.smashingmagazine.com/2022/03/remix-routes-demystified/)

## [第十七期](./docs/%E7%AC%AC%E5%8D%81%E4%B8%83%E6%9C%9F.md)

1. [一文颠覆大众对闭包的认知](https://juejin.cn/post/7079995358624874509)

2. [用typescript从字符串提取params类型](https://lihautan.com/extract-parameters-type-from-string-literal-types-with-typescript/)

3. [防御性设计和开发](https://mp.weixin.qq.com/s/G4pME9xFHdWnFckgytnofQ)

4. [理解css布局算法](https://www.joshwcomeau.com/images/cats.jpg)

5. [React v18.0](https://reactjs.org/blog/2022/03/29/react-v18.html)

6. [react-testing-library v13](https://github.com/testing-library/react-testing-library/releases/tag/v13.0.0)

7. [You Probably Don’t Need act() in Your React Tests](https://javascript.plainenglish.io/you-probably-dont-need-act-in-your-react-tests-2a0bcd2ad65c)

8. [Chrome 100](https://developer.chrome.com/en/blog/new-in-chrome-100/)

9. [pnpm 发布 7.0.0-rc.1](https://github.com/pnpm/pnpm/releases/tag/v7.0.0-rc.1)

10. [异步代码 Lint 规则](https://maximorlov.com/linting-rules-for-asynchronous-code-in-javascript/)

11. [20 个程序员高效贴士](https://medium.com/actiresults/20-productivity-tips-from-developers-to-developers-138f8ec6200c)

## [第十六期](./docs/%E7%AC%AC%E5%8D%81%E5%85%AD%E6%9C%9F.md)

1. [Vercel 支持 pnpm](https://vercel.com/changelog/projects-using-pnpm-can-now-be-deployed-with-zero-configuration)

2. [Remixing React Router](https://remix.run/blog/remixing-react-router#component-fetching-and-render-fetch-chains)

3. [rendering on web](https://developers.google.com/web/updates/2019/02/rendering-on-the-web#rehydration)

4. [Parcel v2.4.0](https://parceljs.org/blog/v2-4-0/)

5. [CodeSandbox 支持点组件跳转到源码](https://twitter.com/compuives/status/1506307886514769921)

6. [阿里低代码引擎 LowCodeEngine 正式开源](https://github.com/alibaba/lowcode-engine)

7. [Motion Developer Tools](https://chrome.google.com/webstore/detail/motion-developer-tools/mnbliiaiiflhmnndmoidhddombbmgcdk/related)

8. [Chrome Extension CLI](https://github.com/dutiyesh/chrome-extension-cli)

9. [An incomplete list of skills senior engineers need, beyond coding](https://skamille.medium.com/an-incomplete-list-of-skills-senior-engineers-need-beyond-coding-8ed4a521b29f)

10. [ref代替useMemo和useCallback](https://www.zhenghao.io/posts/memo-or-not)

11. [JSON 技巧](https://dev.to/siddharthshyniben/5-secret-features-of-json-you-didnt-know-about-5bbg)

12. [typesVersions](https://antfu.menotes#types-for-sub-modules)

11. [RFC: Intent to Ship React 18](https://github.com/reactjs/rfcs/blob/react-18/text/0000-react-18.md)

## [第十五期](./docs/%E7%AC%AC%E5%8D%81%E4%BA%94%E6%9C%9F.md)

1. [Vue和NuxtLabs核心成员Anthony Fu的开源人生](https://www.bilibili.com/video/BV1eS4y1S7zB)

2. [Safari 15.4 中的新 WebKit 功能](https://webkit.org/blog/12445/new-webkit-features-in-safari-15-4/)

3. [Mintlify](https://www.mintlify.com/)

4. [Folio 2019](https://github.com/brunosimon/folio-2019)

5. [No-JS fingerprinting](https://fingerprintjs.com/blog/disabling-javascript-wont-stop-fingerprinting/)

6. [volta](https://docs.volta.sh/guide/)

7. [调试 JavaScript](https://flaviocopes.com/debugging/)

8. [通过动画可视化数据结构和算法](https://visualgo.net/en)

9. [prettier 2.6](https://prettier.io/blog/2022/03/16/2.6.0.html)

10. [愉快的 react 目录结构](https://www.joshwcomeau.com/react/file-structure/)

11. [Remix Stacks](https://remix.run/blog/remix-stacks)

## [第十四期](./docs/%E7%AC%AC%E5%8D%81%E5%9B%9B%E6%9C%9F.md)

1. [Rebuilding Babel: The Tokenizer](https://www.nan.fyi/tokenizer)

2. [Building a Debugger: Code Analysis](https://www.nan.fyi/debugger)

3. [How To Develop A Text Editor For The Web](https://www.smashingmagazine.com/2022/02/develop-text-editor-web/)

4. [How to read the ECMAScript](https://timothygu.me/es-howto/)

5. [New CSS Features In 2022](https://www.smashingmagazine.com/2022/03/new-css-features-2022/)

6. [推荐一个生产环境 debugger 技巧](https://mp.weixin.qq.com/s/YLdHyX0lh123dqHxijlM2w)

7. [能用 AST 搞明白的正则语法，就不需要看文档](https://juejin.cn/post/7072714295410163720)

8. [React内部让人迷惑的性能优化策略](https://mp.weixin.qq.com/s/0W75vJ0CXt3JR7ua8ZOuFA)

9. [chrome 简化 UA](https://developer.chrome.com/blog/deps-rems-100)

10. [javascript 类型提案](https://devblogs.microsoft.com/typescript/a-proposal-for-type-syntax-in-javascript/)

11. [Headless](https://medium.com/@nirbenyair/headless-components-in-react-and-why-i-stopped-using-ui-libraries-a8208197c268)

12. [Solid.js就是我一直希望React成为的样子](https://typeofnan.dev/solid-js-feels-like-what-i-always-wanted-react-to-be/)

## [第十三期](./docs/%E7%AC%AC%E5%8D%81%E4%B8%89%E6%9C%9F.md)

1. [100 seconds explain linux directories](https://www.youtube.com/watch?v=42iQKuQodW4)

2. [Understanding flex-grow, flex-shrink, and flex-basis

](https://css-tricks.com/understanding-flex-grow-flex-shrink-and-flex-basis/)

3. [A new year, a new MDN](https://hacks.mozilla.org/2022/03/a-new-year-a-new-mdn/)

4. [ts 4.6](https://devblogs.microsoft.com/typescript/announcing-typescript-4-6/)

5. [Purrple Cat](https://www.youtube.com/watch?v=bJUO1WnjXQY)

6. [Suspense基础](https://www.chakshunyu.com/blog/a-fundamental-guide-to-react-suspense/)

7. [Explain the First 10 Lines of Twitter’s Source Code to Me](https://css-tricks.com/explain-the-first-10-lines-of-twitter-source-code/)

## [第十二期](./docs/%E7%AC%AC%E5%8D%81%E4%BA%8C%E6%9C%9F.md)

1. [JIT 与 AOT](https://github.com/gatsbyjs/gatsby/discussions/34613)

2. [Parcel CSS](https://blog.logrocket.com/getting-started-parcel-css/)

3. [github Mermaid](https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/)

4. [tauri 1.0.0-rc](https://github.com/tauri-apps/tauri)

5. [HTTP 缓存姿势](https://mp.weixin.qq.com/s/43pa04szJ2zU_IyVP4LraQ)

6. [chrome devTools 99](https://developer.chrome.com/blog/new-in-devtools-99/)

7. [ts 中一些特殊的类型处理](https://juejin.cn/post/7066745410194243597)

8. [gti](https://r-wos.org/hacks/gti)

## [第十一期](./docs/%E7%AC%AC%E5%8D%81%E4%B8%80%E6%9C%9F.md)

1. [git switch -c](https://css-tricks.com/git-switching-unstaged-changes-to-a-new-branch/)

2. [chrome 工作原理](https://developers.google.com/web/updates/2018/09/inside-browser-part1)

3. [Why Efficient Hydration in JavaScript Frameworks is so Challenging](https://dev.to/this-is-learning/why-efficient-hydration-in-javascript-frameworks-is-so-challenging-1ca3)

4. [JPEG XL、AVIF、WebP 2 · 次世代图片格式评测](https://moonvy.com/blog/post/2022/next-generation-Image-format-2022/)

5. [Web Components 入门](https://www.abeautifulsite.net/posts/a-web-components-primer/)

6. [狼叔直播 Reaction《学习指北：Node.js 2022 全解析》](https://juejin.cn/post/7066713847947591687)

7. [state of js 2021](https://2021.stateofjs.com/zh-Hans/)

8. [Idea: Flat file system for file-based routing](https://gist.github.com/jamiebuilds/86d467ee4353cb316edce8e69ad19237)

## [第十期](./docs/%E7%AC%AC%E5%8D%81%E6%9C%9F.md)

1. [MDX 2](https://mdxjs.com/blog/v2/)

2. [What You Should Definitely Look Out For In React In 2022](https://www.chakshunyu.com/blog/what-you-should-definitely-look-out-for-in-react-in-2022/)

3. [Creating a Schema-Based Form System](https://www.taniarascia.com/schema-based-form-system/)

4. [How the Notion API Powers My Blog](https://www.coryetzkorn.com/blog/how-the-notion-api-powers-my-blog)

5. [sponsor only repositories](https://github.blog/2022-02-02-new-sponsors-only-repositories-custom-amounts-and-more/)

6. [Babel v7.17.0](https://babeljs.io/blog/2022/02/02/7.17.0)

7. [fetch in node](https://github.com/nodejs/node/pull/41749)

8. [DevTools for Tailwind](https://devtoolsfortailwind.com/)

## [第九期](./docs/%E7%AC%AC%E4%B9%9D%E6%9C%9F.md)

1. [浅谈 Node.js 热更新](https://zhuanlan.zhihu.com/p/460359101)

2. [原作者出局，Faker.js已被社区控制](https://zhuanlan.zhihu.com/p/459346956)

3. [60+ VSCode 插件](https://mp.weixin.qq.com/s/AOCTMItp5l7Hi0QJo0mhqg)

4. [如何准备 SEE Conf 分享](https://mp.weixin.qq.com/s/3dxFdbMCGXj30UjmYPrmRg)

5. [remix vs next.js](https://remix.run/blog/remix-vs-next#interruptions)

6. [webpack支持css](https://github.com/webpack/webpack/issues/14893)

7. typescript 4.6 beta

8. [比 Vite 还快的 MFSU](https://github.com/webpack/webpack/issues/14893)

9. [Umi 4 RC 发布](https://mp.weixin.qq.com/s/PwoD8rvmQpaTlaz5ECkB6w)

## [第八期](./docs/%E7%AC%AC%E5%85%AB%E6%9C%9F.md)

1. webpack-deadcode-plugin

2. Remix vs. Next.js vs. SvelteKit

3. CSS in 2022

4. Double Your React Coding Speed With This Simple Trick

5. react中的反模式

6. 好书推荐

7. Command Line Interface Guidelines

8. 7 Cheatsheets You Might Wanna Know About

9. run next and remix on the same server

10. 赫蹏

11. 自学cs

12. import maps 实践

13. Container Query 补丁

14. npkill

## [第七期](./docs/%E7%AC%AC%E4%B8%83%E6%9C%9F.md)

1. 2021 JavaScript Rising Stars

2. string 如何分配内存？用 DevTools 来分析

3. How Valtio Proxy State Works (Vanilla Part)

4. monorepo tools

5. node 2022 年 1 月 10 日安全版本

6. 0x

7. SuperTest

8. Robots Parser

9. instauto

10. 为什么 TurboRepo 将成为 2022 年的第一个大趋势

11. pnpm 6.25

12. Chrome 98

13. 从实现原理看低代码

## [第六期](./docs/%E7%AC%AC%E5%85%AD%E6%9C%9F.md)

1. Denigma

2. Lazydocker

3. 云谦的周刊总结

## [第五期](./docs/%E7%AC%AC%E5%9B%9B%E6%9C%9F.md)

1. A Whole Website in a Single HTML File

2. Patterns

3. Milkdown

4. ES2021 Features!

5. Comparing the New Generation of Build Tools

6. 驳驳

7. Vitest

8. container query

9. http/3 is fast

10. 浏览器渲染魔法之合成层

11. Chrome Devtools 的 Coverage 可视化

## [第四期](./docs/%E7%AC%AC%E5%9B%9B%E6%9C%9F.md)

1. github 总结

2. 年底的web基础庆典

3. Create React App 5

4. await.ops proposal

5. structuredClone

6. qwik

7. molecule

8. got v12

9. React PDF

10. Array.prototype.groupBy  Stage 3

11. nextjs explained in  1000 seconds

12. 为什么你讨厌 nodejs

13. Writing clean JavaScript tests with the BASIC principles

14. 每个开发者都应该避免的常见的 npm 错误

15. 在 Node.js 中记录日志的最佳实践

## [第三期](./docs/%E7%AC%AC%E4%B8%89%E6%9C%9F.md)

1. Remix Technical Explanation

2. React Conf 2021

3. Vercel 收购 Turborepo

4. remix vs rsc(react server component)

5. React 支持 Web Components

6. Coding Interview with Dan Abramov

7. Chalk 5

8. 你可能需要在git中加入node_modules

9. xxh

10. Rough.js

11. doodle.css

## [第二期](./docs/%E7%AC%AC%E4%BA%8C%E6%9C%9F.md)

1. 2021 Web Almanac

2. Fleet

3. sandpack 开源了

4. mfsu

5. SVGR 6

6. Nextra 2 Beta

7. vite 生态

8. rethink Modals Management in React

9. a javascript optimizing compiler

10. TypeScript 类型中的逆变协变

11. github新的搜索功能

12. linux服务器基本安全

13. 防御型 css

14. css长短内容方案

## [第一期](./docs/第一期.md)

1. Remix 1

2. Prettier 2.5

3. React + TypeScript Cheat Sheet

4. css reset

5. DevTools 的新增功能（Chrome 97）