50weekly 高质量前端资源集锦

#1

背景

随着大前端的兴起,前端技术日新月异,前端从业者也是越来越多。如何在浩瀚的互联网中,发现高质量的前端内容,成为了大多数前端学习者的困惑,也曾有这样的困惑。50weekly就是思考解决这一困惑的一种形式。

项目地址

https://github.com/ihtml5/50weekly

简介

50weekly,中文名50周。希望通过50周500篇高质量的前端文章,成就更优秀的自己,成为更优秀的前端工程师。目前由我和社区贡献者一起维护,每周五同步更新本周社区高质量前端资源。内容来源于twitter业界大牛的推荐,javascript weeklynodejs weeklyreact statusdevtohashnode, div.io等,本着少而精的原则收集关于前端各方面高质量的资源,内容涵盖以下几方面:

  • react生态包括react, redux, react-router, react-native等
  • 小程序
  • 移动web
  • 构建工具包括webpack
  • nodejs
  • 设计模式
  • 用户体验
  • 性能优化

遴选原则

  1. 大牛推荐
  2. 社区广泛阅读
  3. 新的区别于以往的库,设计模式
  4. 深入浅出的教程

贡献指南

  1. for本项目
  2. 发起pr
  3. issue里推荐好的文章

相关转载

1 Like
#2

欢迎star fork 一起共建

#4

50weekly 发现高质量前端资源 第九周内容已更新

项目地址

https://github.com/ihtml5/50weekly

第九周

#5

50weekly 发现高质量前端资源 第十周内容已更新

项目地址

第十周

#6

项目地址

第十二周[最新]

#7

项目地址

http://www.github.com/ihtml5/50weekly

第十三周[最新]

#8

第十四周

#9

第十五周[最新]

  1. Vue源码的最后一站
  2. 手把手教你撸一个简易的 webpack
  3. taro 多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用
  4. 理解expressjs如何工作
  5. 如何使用Nuxt.js监控生产中的错误
  6. 轻松入门Prepack(第1部分)
  7. 你可能不需要派生状态 React官方最新博文
  8. fetch 没有你想象的那么美
#10

第十六周【最新】

  1. 用导航和资源时机评估现实生活中的加载性能
  2. 没错,我就是要吹爆Angular
  3. 给React的HOC用上TS的类型推导
  4. react-final-form 针对React的高性能基于订阅的表单状态管理
  5. React生命周期方法的实时可视化工具
  6. React Native2018年现状
  7. React Profiler RFC
  8. next-codemod
  9. 我们应该使用React Native吗?
  10. 更好地理解React中的表单
#11

第十七周

  1. 探索ES2018 and ES2019
  2. Material Component Framework for Vue.js 2
  3. WePY-小程序框架设计
  4. A simple (99% ES2015 less) tutorial for React
  5. 如何成为一名数据可视化工程师
  6. 数据结构索引
  7. 移动端跨平台开发的深度解析
  8. 使用Tree shaking 减少JavaScript有效负载
#12

第十八周

  1. 2018年成为一个react开发者学习路线
  2. 用于观察DOM元素的可见性更改的实用程序库
  3. 用JavaScript编写的强大的HTML实体编码器/解码器
  4. 使用React.js开发Chrome插件
  5. 28个顶级的React UI组件库,请查收!
  6. 8月18日,React DEV Conf 与你相约广州
  7. 科普文:为什么不能在服务器上 npm install ?
  8. 如何监控网页的卡顿?
  9. 从Chrome源码看浏览器如何layout布局
    10.什么是Redux:设计师指南
#13

第十九周[最新]

  1. [译] 图解 React
  2. Guppy A friendly application manager and task runner for React.js
  3. nodejs-learning-guide Nodejs学习笔记以及经验总结,公众号"程序猿小卡"
  4. webkit git
  5. 了解如何设计大型系统
  6. 这里收集了许多移动端上遇到的各种坑 by 司徒正美
  7. 用于可视化分析数据的React组件
  8. 声明状态和逻辑管理
#14

第二十周[最新2018.08.06]

  1. 利用 render props 重构组件
  2. React ref 的前世今生
  3. 《解析 GraphQL 的查询语法》【译】
  4. Added proof of concept interaction-tracking package
  5. 原生页面生命周期方法
  6. Releasing Suspense
  7. Hybrid APP架构设计思路
  8. webpack-libs-optimizations
    9.前端监控和前端埋点方案设计
#15

第二十一周

  1. 自定义create-react-app:如何制作自己的模板
  2. Roadmap for react-scripts@2.0
  3. React面试题
  4. 关于React或与React相关的主题的精选讨论列表
  5. Javascript SVG parser and renderer on Canvas
  6. redux 有什么缺点?
  7. 来自webperf的导航时间草案规范
  8. CSS小发明 :in-viewport
  9. 新鲜出炉的第一届React conf ppt
#16

项目地址

第二十二周

  1. React Fire:现代化React DOM
  2. 你的Webpack起飞—考拉会员后台Webpack优化实战
  3. 无限滚动的复杂性
  4. react和无限列表
  5. 我们如何构建twitter lite
  6. 如何监控网页的卡顿?
  7. React从渲染原理到性能优化
  8. snabbdom 源码阅读分析
  9. Angular开发者学习之路
  10. 你也许不需要Momentjs

查看历史周刊

#17

第二十三周

  1. 大前端时代前端监控的最佳实践
  2. web项目如何判断用户在“看”页面的什么位置
  3. 如何做好微信小程序错误监控? | FrontJS
  4. draft.js在知乎上的实践
  5. NoForm - 一个更好的表单解决方案
  6. 如何使用 Timeline 工具
  7. 小程序构建骨架屏的探索
  8. 从路由原理出发,深入阅读理解react-router 4.0的源码
  9. Life of a Pixel:前端代码如何通过浏览器演化为屏幕显示的像素
  10. 使用Proxies在对象图上观察变异的Javascript Membrane实现

查看历史周刊

#18
  1. React Fiber 架构学习
  2. Nginx与前端开发
  3. 前端安全系列(一):如何防止XSS攻击
  4. 调试第一步:让强大的console家族助你一臂之力
  5. Airbnb 爱彼迎房源详情页中的 React 性能优化
  6. 网站性能调优开发工具: Lighthouse, Puppeteer 以及进阶部分丨 Google 开发者大会 2018
  7. React Podcast: Inside React
  8. 一文读懂前端缓存
  9. 小邵教你玩转nodejs之nodejs概念、事件环机制

查看历史周刊

#19
  1. node.js的实用进阶手册
  2. 令人愉快的VS Code包和资源的精选列表
  3. Create React App 2.0发布
  4. [译] 尤雨溪:Vue 3.0 计划
  5. Webpack揭秘——走向高阶前端的必经之路
  6. 自定义元素简介
  7. Node.js处理负载均衡性能:iptables和Nginx
  8. 使用Next.js构建React服务端渲染应用
  9. 基于vue-cli3.0构建功能完善的前端架子
  10. Nginx,Charles与Webpack配置前端API代理教程(超详细)
#20

项目地址

http://www.github.com/ihtml5/50weekly

内容

  1. 前端进阶之路-利用Jenkins快速打造前端项目自动化工作流
  2. 服务端渲染与 Universal React App
  3. 从源码分析sentry的错误信息收集
  4. 每个JavaScript开发人员应该知道的33个概念
  5. WebAssembly的后MVP未来:卡通技能树
  6. SSR a “Create React App” the hard way
  7. 前端工程化体系
  8. 大前端的技术原理和变迁史
  9. 内到外了解React DOM的事件处理系统
  10. React Hooks介绍
#21

第二十七周[最新]

  1. First (Contentful) Paint with a touch of Perfume(.js)
  2. 前端必会的 Nginx入门视频教程
  3. 如何实现高性能pwa
  4. Faster async functions and promises
  5. Tasks, microtasks, queues and schedules
  6. 不止代码:2019年前端工程师的未来在哪里
  7. 一篇看懂 React Hooks
  8. react是不是比vue牛皮,为什么?
  9. 聊聊Flexbox布局中的flex的演算法
    10.官方React 16.x路线图