收藏

代码质量

• 编码规范
  • 谷歌工程实践文档 (opens new window): 包含 代码审查者指南 和 代码开发者指南。 中文版 (opens new window)。
  • hacker-laws (opens new window) 对开发人员有用的定律、理论、原则和模式。 中文版 (opens new window)。
• 示例
  • clean code Javascript (opens new window)
• 组件设计方法 中文翻译 (opens new window)
  • Atomic Design (opens new window)
    • 组件化设计：原子设计实践 (opens new window)
  • React组件设计实践总结02 - 组件的组织 (opens new window)
  • 编写高质量可维护的代码：组件的抽象与粒度 (opens new window)
  • 你可能不知道的流式 React Hooks（关于组织代码的最佳实践） (opens new window)
• 原子 CSS
  • Facebook 重构：抛弃 Sass / Less ，迎接原子化 CSS 时代 (opens new window) Tailwind CSS (opens new window)

开发效率

• 登上 Github 趋势榜，流程可视化工具 iMove 原理揭秘! (opens new window)

算法

• JavaScript 算法与数据结构 (opens new window)

框架

• React
  • 教程 & Demos
    • React by Example (opens new window): code-oriented React tutorial for programmers
    • 官方 Demos (opens new window)
    • React 生命周期图 (opens new window)
  • 组件
    • 你想知道的React组件设计模式这里都有(上) (opens new window)。 对应 代码 (opens new window)。
    • 你想知道的 React 组件设计模式这里都有(下) (opens new window)
  • Hooks
    • 精读《React Hooks》 (opens new window)
    • React Hooks(一): From Redux to Hooks (opens new window)
    • React Hooks(二): useCallback 之痛 (opens new window)
    • 你可能不知道的流式 React Hooks（关于组织代码的最佳实践） (opens new window)

资源

• Web 年鉴 (opens new window)
• CSS Layout 模式 (opens new window) a collection of popular layouts and patterns made with CSS。
• State of CSS (opens new window)
• State of JS (opens new window) JS 发展情况的每年的总结。
• Best Of JS (opens new window) 优秀开源库筛选。
• 码农周刊一周精选分类 (opens new window)
• 远程工作
  • weworkremotely.com (opens new window)
  • frontendremotejobs.com (opens new window)
  • remote.co (opens new window)
  • jobs.github.com (opens new window)
  • Awesome Remote Job (opens new window)
  • Remote-friendly companies (opens new window)
• 团队
  • 淘系前端团队 (opens new window)
    • 博客 (opens new window)
  • 腾讯IMWeb前端团队 (opens new window)
    • 博客 (opens new window)
  • 奇舞团 (opens new window)
    • 奇舞周刊 (opens new window)
  • 政采云 (opens new window)
  • 字节前端 (opens new window)
• Podcast
  • Front end happy hour (opens new window)
• 综合
  • Frontend Handbook 2019 (opens new window) Frontend Master
• 练手项目
  • TODO MVC
  • Hacker News。 各种语言实现 (opens new window), React 实现 (opens new window)
  • 7GUIs (opens new window): A GUI Programming Benchmark

其他

• How browsers work (opens new window) Behind the scenes of modern web browsers。