Giter VIP home page Giter VIP logo

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-if、r-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语言

lizuncong's Projects

ant-design icon ant-design

An enterprise-class UI design language and React UI library

antd-learn icon antd-learn

使用bisheng搭建的仿antd组件库的react 组件库开发框架

create-app-cli icon create-app-cli

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

egg-react-ssr icon egg-react-ssr

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

excalidraw icon excalidraw

Virtual whiteboard for sketching hand-drawn like diagrams

front-end-development-notes icon front-end-development-notes

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

front-end-interview-handbook icon front-end-interview-handbook

🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore

lizuncong.github.io icon lizuncong.github.io

前端知识，技术难点，业务难点，个人总结。博客网站：https://lizuncong.github.io/

mfe-host icon mfe-host

用于研究webpack5模块联邦及源码

mini-koa icon mini-koa

手撕源码系列一：一步一步手撕koa核心源码，开发一个mini版本的koa，加强对异步中间件实现原理的理解

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.