有用的/值得关注的项目/前端框架/小书收藏 Awesome Frontend Project
在 github 收藏的,以后工作中可能用得到的项目
前端框架
名称 | 地址 | 备注 |
---|---|---|
solidjs | https://github.com/solidjs/solid | 前端框架 |
svelte | https://svelte.dev/ | 前端框架 |
react | https://react.dev/ | react官网 |
preact | https://preactjs.com/ | Fast 3kB alternative to React with the same modern API |
electronjs | https://www.electronjs.org/ | 开发桌面程序 |
tauri | https://tauri.app/ | Rust + nodejs开发桌面应用 |
Qwik | https://github.com/BuilderIO/qwik | Instant-loading web apps, without effort |
Solid/Svelte | https://www.bilibili.com/video/BV1Be4y1U7FW | 墙裂推荐两个新锐:Svelte和Solid.js |
项目列表
名称 | 项目地址 | 备注 |
---|---|---|
手写板 | https://github.com/szimek/signature_pad | 带压感的手写项目,而且不区分框架 |
白板 | https://github.com/excalidraw/excalidraw | 前端白板,开源 |
做ppt用的 | https://revealjs.com/ | 可以用来做 presentation 的js程序/ 支持markdown |
交互式命令行 | https://github.com/SBoudrias/Inquirer.js/ | 很多命令行工具的控件库 |
ejs | https://ejs.co/ | 常用的模板框架(tj出品) |
ts-hooks | https://github.com/juliencrn/usehooks-ts | React里一批不错的hooks |
微前端 | https://github.com/yuzhanglong/mf-lite | 基于 Webpack 5 Module Federation,优雅且实用的微前端解决方案。 |
k8s | https://jimmysong.io/kubernetes-handbook/guide/authenticate-across-clusters-kubeconfig.html https://kubernetes.io/zh/docs/concepts/configuration/organize-cluster-access-kubeconfig/ | |
ts 包开发 | 用于 typescript 包开发的项目 | |
监测文件变化 | https://github.com/paulmillr/chokidar | gulp 等底层的实现 |
hpagent | https://www.npmjs.com/package/hpagent | 让node使用 http/https-proxy agent |
npm-dts | https://www.npmjs.com/package/npm-dts | 生成 index.d.ts 文件 |
github评论框 | https://github.com/giscus/giscus-component | github 官方评论框 |
gitlab | https://github.com/jdalrymple/gitbeaker | 用nodejs操作gitlab |
lage | https://github.com/microsoft/lage | 关于monorepo,Task runner in JS monorepos |
cmdk | https://github.com/albingroen/react-cmdk | 后面会自己开发一个更好用的 |
awesom-go | https://github.com/avelino/awesome-go | GO 语言里一些很有意思的项目 |
solidjs | https://www.solidjs.com/ | 2022 尤雨溪技术研讨会介提及 |
pkg | https://github.com/vercel/pkg | 将nodejs应用打成一个可执行文件 |
heti | https://github.com/ethantw/Han | 赫蹏(hètí)是专为中文内容展示设计的排版样式增强。 |
hanzi | https://hanzi.pro/manual/anzhuang_yu_qiyong | 「漢字標準格式」印刷品般的漢字排版框架 Han.css |
汉字书写 | https://github.com/chanind/hanzi-writer | 汉字笔画书写库 |
typescript 与 react | https://react-typescript-cheatsheet.netlify.app/ | typescript 与 react的使用技巧 |
关于 typescript | https://jkchao.github.io/typescript-book-chinese/#why | 深入理解 typescript |
各种hooks | https://usehooks.com/ | 各种 hooks 的实现 |
markdown编辑器 | https://pandao.github.io/editor.md/en.html | |
markdown时序图 | https://github.com/bramp/js-sequence-diagrams | |
linux 命令学习 | https://github.com/jaywcjlove/linux-command | 一个可以当字典的网站 |
placholder | https://github.com/hustcc/placeholder.js | 类似这个: http://placehold.it/200x200 |
eruda/更好的vconsole | https://github.com/liriliri/eruda | 一个比 vconsole 更好用的调试工具 |
css-tricks | https://qishaoxuan.github.io/css_tricks/glass/ | 同事的项目 |
前端blog学习 | https://github.com/QDMarkMan/CodeBlog |
学习小书
名称 | 链接 | 学习 |
---|---|---|
Jest 实践指南 | http://github.yanhaixiang.com/jest-tutorial | |
Ruby on Rails 實戰聖經 | https://ihower.tw/rails/ | |
Rust语言圣经 | https://github.com/sunface/rust-course | |
ES6 入门教程 | https://es6.ruanyifeng.com/ | |
图解 react | https://7kms.github.io/react-illustration-series/ | |
react语法,实践 | https://reactpatterns.cn | ✅ |
Go 语言设计与实现 | https://draveness.me/golang/ | |
超级速查表 - 编程语 | https://github.com/skywind3000/awesome-cheatsheets | |
JavaScript跨域总结与解决办法 | https://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html | |
HTML5 Canvas 库 konva 源码分析 | https://github.com/great-tiger/konva | |
CS自学指南 | https://csdiy.wiki/ | |
电子书收藏 | https://github.com/rmlzy/my-ebook | |
Python语言基础50课 | https://github.com/jackfrued/Python-Core-50-Courses | |
Python - 100天从新手到大师 | https://github.com/jackfrued/Python-100-Days | |
python3-cookbook(这种实用技巧) | https://python3-cookbook.readthedocs.io/zh_CN/latest/index.html | |
hacker-laws 的中文翻译 | https://github.com/nusr/hacker-laws-zh | |
ocr 识别相关 | https://github.com/sml2h3/ddddocr | |
前端基础知识 | https://github.com/YvetteLau/Blog | |
计算机优质公开课 | https://mbd.baidu.com/newspage/data/videolanding?nid=sv_4756682096696364588&sourceFrom=share | |
训练营课程 | https://fullstack.qzy.camp/dashboard | |
精益副业:程序员如何优雅地做副业 | https://github.com/easychen/lean-side-bussiness | |
命令行的艺术 | https://github.com/jlevy/the-art-of-command-line/blob/master/README-zh.md | |
Shell入门教程(Shell tutorial book) | https://github.com/jaywcjlove/shell-tutorial | |
Shell脚本学习 | https://github.com/52fhy/shell-book | |
bash 教程 | https://wangdoc.com/bash/ | |
typescript学习 | https://ts.xcatliu.com/ | ✅ |
图解网络(计算机基础) | https://xiaolincoding.com/ | |
前端黑魔法 | https://github.com/EtherDream/web-frontend-magic | |
awesome-interview | http://febook.hzfe.org/awesome-interview/ | |
Typescript 小书 | https://wangdoc.com/typescript/ | |
免费小书分享 | https://github.com/lTbgykio/Books-Free-Books | |
go 学习资料 | https://gobyexample.com/ |