Skip to content
View lizuncong's full-sized avatar
🎯
Focusing
🎯
Focusing
Block or Report

Block or report lizuncong

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
lizuncong/README.md

Hi there 👋

logo

时不时手撕常见框架的源码,或者搞一些有趣的工具,当然还有前端知识的总结

  • 前端知识总结 知识总结,踩坑记录,最佳实践,八股文应有尽有

  • egg-react-ssr 自研的、从0到1搭建的、配置透明简约的、实战化的、具备首屏SSR、CSR/SSR无缝切换的、代码分割懒加载的react-ssr 开发框架

  • mini-react 针对react、react dom、react reconciler、react scheduler源码进行全方位深度解析,【进行中】

  • mini-parser 从零开始实现一个AST解析器

  • mini-react-redux 手写redux、react-redux源码

  • mini-react-router 手写react-router-dom、react-router源码

  • monaco-editor-app 基于monaco editor的在线代码编辑器

  • 程序员送外卖指南

  • mini-webpack 手写webpack源码,以及webpack常见loader,plugin源码

  • babel-plugin-react-directives babel插件开发,为react添加 r-ifr-show 指令

  • mini-webpack-dev-server 手写 webpack-dev-server 源码,如何注入热更新运行时代码,如何生成补丁文件等

  • mini-tapable webpack 插件机制核心。 mini-tapable 不仅解读官方 tapable 的源码,还用自己的思路去实现一遍,并且和官方的运行时间做了个比较,我和webpack作者相关的讨论可以点击查看

  • mini-promise 手写 es6-promise 源码,理解 async await 语法糖原理,这里有几道题帮助加强理解 Promise A+ 规范

  • mini-koa 手写koa源码,koa-compose 中洋葱圈模型的实现

  • web-monitor web前端性能监控埋点

  • create-app-cli 一个类似于vue-cli的脚手架工具

  • antd-learn 使用bisheng搭建的仿antd组件库的react组件库开发框架,bisheng是antd提供的组件库文档生成器

  • skeleton 前端骨架屏生成插件,自动抓取页面并生成页面骨架屏。使用puppeteer操作无头浏览器并抓取页面,生成页面骨架

  • mini-vite 手写vite源码

正在做的事情(Doing Now)

  • react原理及源码
  • 编译原理,源码转AST,AST转源码

即将要做的事情(Todo)

  • service worker
  • web rtc
  • cicd
  • docker
  • 组件库搭建
  • 微前端
  • go语言

Pinned

  1. Front-End-Development-Notes Front-End-Development-Notes Public

    前端知识,技术难点,业务难点,个人总结。已迁移到https://github.com/lizuncong/lizuncong.github.io

    JavaScript 29 3

  2. egg-react-ssr egg-react-ssr Public

    这是一个自研的配置透明的react服务端渲染框架。采用egg + mysql + sequelize + react + redux + redux thunk + axios + antd搭建的一个从0到1的框架,并不是利用现有的next.js或者nuxtjs框架。具备代码分割懒加载,CSR/SSR无缝切换,对SPA写法无侵入,首屏SSR减轻服务器压力等优势。基础设施有prettierrc…

    JavaScript 8 6

  3. create-app-cli create-app-cli Public

    创建项目的脚手架工具,功能类似于vue-cli或者create-react-app。初始化项目的模版(类似于vue的webpack模版)在react-pc-template仓库中

    JavaScript 3 1

  4. mini-promise mini-promise Public

    手撕源码系列二:一步一步地手撕基于promise A+规范的promise源码

    JavaScript 4 2

  5. mini-react mini-react Public

    手写react、react-dom、react reconciler主流程源码,加深对react源码的理解。包括fiber,合成事件,hooks实现原理,dom diff,reconciliation,scheduler等

    JavaScript 451 67

  6. mini-webpack mini-webpack Public

    手写webpack主流程源码以及webpack常见loader、plugin源码

    JavaScript 29 1