16-day current streak·23-day longest streak
Tantan Fu 👋🏻 hi there! I'm Tantan Fu, a Senior Frontend Engineer with 8 years of experience specializing in high-performance web applications and modern frontend architectures. I have a proven…
Tantan Fu
👋🏻 hi there! I'm Tantan Fu, a Senior Frontend Engineer with 8 years of experience specializing in high-performance web applications and modern frontend architectures. I have a proven track record of leading and delivering large-scale frontend projects at Smart Token Labs, Alibaba, and ThoughtWorks.
I'm passionate about React, Next.js, TypeScript, functional programming, and performance optimization. As an active open-source contributor, my projects have earned 4,500+ GitHub stars.
I hold both a Master’s and a Bachelor’s degree in Computer Science from UESTC, equipping me with strong architectural design skills and deep technical expertise.
!GitHub followers
!Total Stars
🛠️ Technical Stack
javascript
const skills = {
languages: ['TypeScript', 'JavaScript'],
frameworks: ['React', 'Next.js', 'React Native', 'Svelte'],
stateManagement: ['Jotai', 'React Query', 'MobX', 'Redux'],
testing: ['TDD', 'Vitest', 'Jest', 'Cypress'],
development: ['Functional Programming', 'Scrum', 'CI/CD'],
}🚀 Key Projects
Smart Token Labs
- Designed reusable component system reducing technical debt by 40%
- Led migration from Svelte to React, improving development efficiency by 30%
- Developed Tlink Chrome Extension with 8,000+ installations
DingDoc Smart Table
Built an Airtable-like application using React, TypeScript, MobX
- Frontend SDK architecture with dynamic field injection
- High-performance Grid view with advanced features
- Optimized rendering performance from 5 to 45 FPS
Open Source Projects
- OpenGpt - Create ChatGPT Application in seconds
- stadux - A multi-store state manager
- nuo.js - Promise/A+ spec implementation in 80 LOC
- swifty-enum - Swift-like enum in JavaScript
- go-to-test - VSCode extension for test file navigation
🌟 Side Projects
- noto.so - Notion to Blog instantly
- AiEmojiFinder.com - Search Emoji with AI Power
- NotionDir.com - Build Directory Sites from Notion
- TextTo.Site - Text to Site in seconds
- open-gpt.app - Create ChatGPT Application
- raycast plugin - Logseq Raycast Plugin
📚 Education
- UESTC, Master of CS (GPA Top 10%, postgraduate recommendation)
- UESTC, Bachelor of CS (GPA Top 5%)
📬 Let's Connect!
- Email: [email protected]
- GitHub: github.com/futantan
- Website: www.futantan.com
-
OpenGpt ★ PINNED
Create your own ChatGPT App in seconds.
TypeScript ★ 3.9k 1y agoExplain → -
nuo.js ★ PINNED
An implementation of the Promise/A+ spec. Only 80 lines of code
JavaScript ★ 16 3y agoExplain → -
sketch-style-to-react-native ★ PINNED
Sketch plugin that copies an element's styles in React Native way directly to your Mac clipboard.
JavaScript ★ 37 8y agoExplain → -
go-to-test ★ PINNED
VS Code extension for navigate between source code and test file
TypeScript ★ 5 6y agoExplain → -
functer ★ PINNED
Functors implemented in TypeScript
TypeScript ★ 3 3y agoExplain → -
atom
atom 快捷键 shortcuts
★ 437 9y agoExplain → -
agent-skills.md
Find awesome Agent Skills
TypeScript ★ 227 5mo agoExplain → -
965.LIFE
Repo for a list of companies that do cool things and respect to employee rights.
★ 46 7y agoExplain → -
RxSwiftCheatSheet
No description.
★ 21 10y agoExplain → -
Make-Dir-For-Leetcode
No description.
Python ★ 10 10y agoExplain → -
Dic-scraper
Linux terminal Dictionary
Python ★ 6 11y agoExplain → -
PythonTask
This is the way I learn python.
Python ★ 5 12y agoExplain → -
swifty-enum
JavaScript Enum in Swift way
JavaScript ★ 4 3y agoExplain → -
bear-tagged-notes-to-markdown
Export notes in Bear app to markdown, which can be imported by MindNode
JavaScript ★ 4 7y agoExplain → -
Fairy
No description.
Swift ★ 4 10y agoExplain → -
FTTimer
Just a tiny library to make using NSTimer easier
Swift ★ 3 10y agoExplain → -
spike
No description.
JavaScript ★ 2 2y agoExplain → -
create-emit
No description.
TypeScript ★ 2 3y agoExplain → -
refactoring
No description.
JavaScript ★ 2 6y agoExplain → -
oldBlog
No description.
HTML ★ 2 7y agoExplain → -
Dir-For-LeetCode
No description.
★ 2 10y agoExplain → -
MyLocations
No description.
Swift ★ 2 11y agoExplain → -
futantan
No description.
★ 1 1y agoExplain → -
myGPTReader ⑂
myGPTReader is a bot on Slack that can read and summarize any webpage, documents including ebooks, or even videos from YouTube. It can communicate with you through voice.
Python ★ 1 3y agoExplain → -
web3modal ⑂
A single Web3 / Ethereum provider solution for all Wallets
★ 1 4y agoExplain → -
WTF-Solidity ⑂
我最近在重新学solidity，巩固一下细节，也写一个“WTF Solidity极简入门”，供小白们使用，每周更新1-3讲。Now supports English! 官网: https://wtf.academy
★ 1 2y agoExplain → -
umami ⑂
Umami is a simple, fast, privacy-focused alternative to Google Analytics.
TypeScript ★ 1 2y agoExplain → -
dub ⑂
An open-source link shortener with built-in analytics + free custom domains.
★ 1 3y agoExplain → -
extensions ⑂
Everything you need to extend Raycast.
TypeScript ★ 1 2y agoExplain → -
testcafe-reporter-to-testrail
No description.
JavaScript ★ 1 3y agoExplain → -
web.dev ⑂
The frontend, backend, and content source code for web.dev
★ 1 4y agoExplain → -
TokenScript ⑂
TokenScript schema, specs and paper
★ 1 4y agoExplain → -
logseq ⑂
A privacy-first, open-source platform for knowledge management and collaboration. Desktop app download link: https://github.com/logseq/logseq/releases, roadmap: https://trello.com/b/8txSM12G/roadmap
★ 1 4y agoExplain → -
turborepo ⑂
The High-performance Build System for JavaScript & TypeScript Codebases
★ 1 3y agoExplain → -
tai-shang-world-generator ⑂
太上世界生成器
★ 1 4y agoExplain → -
vscode-github-zen
No description.
TypeScript ★ 1 3y agoExplain → -
react-notion-x ⑂
Fast and accurate React renderer for Notion. TS batteries included. ⚡️
TypeScript ★ 1 2y agoExplain → -
platforms ⑂
A template for site builders and low-code tools.
TypeScript ★ 1 4y agoExplain → -
comments-with-polygon ⑂
Build and deploy a decentralized forum to polygon
★ 1 4y agoExplain → -
mitt ⑂
🥊 Tiny 200 byte functional event emitter / pubsub.
★ 1 4y agoExplain → -
xlog ⑂
Blog on the Blockchain. Blogging geekily.
TypeScript ★ 1 3y agoExplain → -
vscode-tinypng ⑂
TinyPNG Extension for VSCode
★ 1 3y agoExplain → -
routify.dev ⑂
The documentation website for Routify, a file-based Router for Svelte
★ 1 4y agoExplain → -
flowbite-svelte ⑂
Official Svelte components built for Flowbite and Tailwind CSS
★ 1 3y agoExplain → -
learn.svelte.dev ⑂
A soup-to-nuts interactive tutorial on how to build apps with Svelte
★ 1 3y agoExplain → -
lambdaIO
No description.
JavaScript ★ 1 3y agoExplain → -
svelte-wind
No description.
JavaScript ★ 1 3y agoExplain → -
snippet
No description.
Elixir ★ 1 3y agoExplain → -
timematter
No description.
Svelte ★ 1 3y agoExplain → -
Functional-Light-JS ⑂
Pragmatic, balanced FP in JavaScript. @FLJSBook on twitter.
JavaScript ★ 1 6y agoExplain → -
SwiftGGApp
Our official application
Swift ★ 1 10y agoExplain → -
QR-Code
Chrome插件 生成当前网页的二维码
JavaScript ★ 1 11y agoExplain → -
Citadel ⑂
SSH Client & Server framework in Swift
★ 0 20h agoExplain → -
dotfiles
No description.
Shell ★ 0 7d agoExplain → -
react ⑂
A declarative, efficient, and flexible JavaScript library for building user interfaces.
JavaScript ★ 0 7y agoExplain → -
opencli ⑂
Make Any Website & Tool Your CLI. A universal CLI Hub and AI-native runtime. Transform any website, Electron app, or local binary into a standardized command-line interface. Built for AI Agents to discover, learn, and execute tools seamlessly via a unified AGENT.md integration.
★ 0 3mo agoExplain → -
superset ⑂
Code Editor for the AI Agents Era - Run an army of Claude Code, Codex, etc. on your machine
★ 0 3mo agoExplain → -
langfuse ⑂
🪢 Open source LLM engineering platform: LLM Observability, metrics, evals, prompt management, playground, datasets. Integrates with OpenTelemetry, Langchain, OpenAI SDK, LiteLLM, and more. 🍊YC W23
★ 0 4mo agoExplain → -
docs-1 ⑂
E2B Documentation
★ 0 4mo agoExplain → -
opencode ⑂
The open source coding agent.
★ 0 4mo agoExplain → -
react-data-grid ⑂
Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like
★ 0 5y agoExplain → -
serverless-apps-on-cloudflare
No description.
TypeScript ★ 0 10mo agoExplain → -
sui-mev ⑂
Sui Arbitrage Bot
★ 0 1y agoExplain → -
website ⑂
Repository for hono.dev
TypeScript ★ 0 1y agoExplain → -
nextjs-playground
No description.
TypeScript ★ 0 1y agoExplain → -
kyberswap-widgets ⑂
No description.
★ 0 1y agoExplain → -
docs ⑂
📓 Uniswap V3 docs website
★ 0 1y agoExplain → -
twi.am ⑂
No description.
★ 0 1y agoExplain → -
Like-my-Basenames ⑂
No description.
★ 0 1y agoExplain → -
rainbowkit-kaikas
No description.
TypeScript ★ 0 2y agoExplain → -
react-native-video ⑂
A <Video /> component for react-native
Java ★ 0 8y agoExplain → -
ethereum-org-website ⑂
Ethereum.org is a primary online resource for the Ethereum community.
★ 0 2y agoExplain → -
rainbowkit ⑂
The best way to connect a wallet 🌈 🧰
★ 0 2y agoExplain → -
mud ⑂
MUD is a framework for building ambitious onchain applications
★ 0 2y agoExplain → -
neon-website ⑂
Official docs and website for Neon.
★ 0 2y agoExplain → -
ethers.js ⑂
Complete Ethereum library and wallet implementation in JavaScript.
★ 0 2y agoExplain → -
sikeproject
No description.
HTML ★ 0 10y agoExplain → -
WTF-Ethers ⑂
我最近在重新学ethers.js，巩固一下细节，也写一个“WTF Ethers.js极简入门”，供小白们使用，每周更新1-3讲。Now supports English! 官网: https://wtf.academy
★ 0 2y agoExplain → -
frontend ⑂
Frontend for wtf.academy
★ 0 2y agoExplain → -
harmony ⑂
A new kind of color picker for React
★ 0 2y agoExplain → -
nextjs-dashboard
No description.
TypeScript ★ 0 2y agoExplain → -
DARC ⑂
Decentralized Autonomous Regulated Company (DARC), a company virtual machine that runs on any EVM-compatible blockchain, with on-chain law system, multi-level tokens and dividends mechanism.
★ 0 2y agoExplain → -
trpc ⑂
🧙♀️ Move Fast and Break Nothing. End-to-end typesafe APIs made easy.
★ 0 2y agoExplain → -
react-turnstile ⑂
Cloudflare Turnstile integration for React.
★ 0 2y agoExplain → -
solarized.nvim ⑂
Port of the Solarized colorscheme for vim, written in lua, with treesitter support.
★ 0 3y agoExplain → -
supabase ⑂
The open source Firebase alternative. Follow to stay updated about our public Beta.
★ 0 3y agoExplain → -
NvChad ⑂
Blazing fast Neovim config providing solid defaults and a beautiful UI, enhancing your neovim experience.
★ 0 3y agoExplain → -
kickstart.nvim ⑂
A launch point for your personal nvim configuration
Lua ★ 0 3y agoExplain → -
Flowise ⑂
Drag & drop UI to build your customized LLM flow using LangchainJS
★ 0 3y agoExplain → -
rustlings
No description.
Rust ★ 0 4y agoExplain → -
vue-next ⑂
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
★ 0 4y agoExplain → -
notion-feeder ⑂
🕸 A Node app for creating a Feed Reader in Notion.
JavaScript ★ 0 4y agoExplain → -
flow-kit
No description.
TypeScript ★ 0 4y agoExplain → -
sublime-config
OS X下sublime 3配置文件备份
JavaScript ★ 0 11y agoExplain → -
og-image ⑂
Open Graph Image as a Service - generate cards for Twitter, Facebook, Slack, etc
★ 0 5y agoExplain → -
nocodb ⑂
🔥 🔥 The Open Source Airtable alternative
★ 0 5y agoExplain → -
mobx ⑂
Simple, scalable state management.
★ 0 5y agoExplain → -
blitz ⑂
⚡️The Fullstack React Framework — built on Next.js
★ 0 5y agoExplain → -
vite ⑂
Native-ESM powered web dev build tool. It's fast.
★ 0 5y agoExplain → -
the-little-schemer
No description.
Scheme ★ 0 5y agoExplain → -
dot-dom ⑂
.dom is a tiny (512 byte) template engine that uses virtual DOM and some of react principles
★ 0 5y agoExplain → -
react-2025
No description.
JavaScript ★ 0 5y agoExplain → -
openchakra ⑂
⚡️ Full-featured visual editor and code generator for React using Chakra UI
★ 0 5y agoExplain → -
stripe-firebase-extensions ⑂
Repository of Firebase Extensions built by Stripe.
★ 0 5y agoExplain → -
commerce ⑂
Next.js Commerce
★ 0 5y agoExplain → -
next.js ⑂
The React Framework
★ 0 5y agoExplain → -
minimum-viable-saas ⑂
A multi-tier membership SaaS in less than 500 lines of code w/Stripe and Firebase
★ 0 6y agoExplain → -
leerob.io ⑂
✨ My portfolio built with Next.js, MDX, Chakra UI, and Vercel.
★ 0 5y agoExplain → -
effector ⑂
The state manager ☄️
★ 0 5y agoExplain → -
swr ⑂
React Hooks library for remote data fetching
★ 0 5y agoExplain → -
ssh-action ⑂
GitHub Actions for executing remote ssh commands.
★ 0 6y agoExplain → -
promises-spec ⑂
An open standard for sound, interoperable JavaScript promises—by implementers, for implementers.
★ 0 6y agoExplain → -
notion-blog ⑂
A Next.js site using new SSG support with a Notion backed blog
★ 0 6y agoExplain → -
react-notion ⑂
A fast React renderer for Notion pages
★ 0 5y agoExplain → -
notion-api-worker ⑂
Notion as CMS with easy API access
★ 0 6y agoExplain → -
lambdaIO-notes
No description.
★ 0 6y agoExplain → -
preact ⑂
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
★ 0 6y agoExplain → -
the-disappearing-design-patterns
《消失的设计模式》
TypeScript ★ 0 6y agoExplain → -
wechat-format ⑂
微信公众号排版编辑器，转换 Markdown 到微信特制的 HTML
★ 0 6y agoExplain → -
rethinking-in-design-pattern
Created with StackBlitz ⚡️
TypeScript ★ 0 6y agoExplain → -
coding-tips
No description.
★ 0 6y agoExplain → -
normalize.css ⑂
A modern alternative to CSS resets
★ 0 6y agoExplain → -
overreacted.io ⑂
Personal blog by Dan Abramov.
★ 0 6y agoExplain → -
react-native-chart-kit ⑂
📊React Native Chart Kit: Line Chart, Bezier Line Chart, Progress Ring, Bar chart, Pie chart, Contribution graph (heatmap)
★ 0 6y agoExplain → -
resume ⑂
An elegant \LaTeX\ résumé template
TeX ★ 0 7y agoExplain → -
rxjs ⑂
A reactive programming library for JavaScript
TypeScript ★ 0 7y agoExplain → -
write-your-own-rx
No description.
JavaScript ★ 0 7y agoExplain → -
write-your-own-redux
No description.
JavaScript ★ 0 7y agoExplain → -
ramda ⑂
:ram: Practical functional Javascript
JavaScript ★ 0 7y agoExplain → -
elixir.exercism
No description.
Elixir ★ 0 7y agoExplain → -
crocks ⑂
A collection of well known Algebraic Data Types for your utter enjoyment.
JavaScript ★ 0 7y agoExplain → -
phoenix.guide
No description.
Elixir ★ 0 7y agoExplain → -
reason-react ⑂
Reason bindings for ReactJS
OCaml ★ 0 7y agoExplain → -
fp-workshop
No description.
JavaScript ★ 0 7y agoExplain → -
the-road-to-graphql-chinese ⑂
📓The Road to GraphQL: Your journey to master pragmatic GraphQL in JavaScript
★ 0 7y agoExplain → -
github-stars
View all your github stars
JavaScript ★ 0 7y agoExplain → -
flag
No description.
★ 0 7y agoExplain → -
personal-website ⑂
Code that'll help you kickstart a personal website that showcases your work as a software developer.
HTML ★ 0 7y agoExplain → -
GankIO
An iOS APP for gank.io.
Swift ★ 0 10y agoExplain → -
session
No description.
JavaScript ★ 0 7y agoExplain → -
SDWebImage ⑂
Asynchronous image downloader with cache support as a UIImageView category
Objective-C ★ 0 10y agoExplain → -
the-swift-programming-language-in-chinese ⑂
中文版 Apple 官方 Swift 教程《The Swift Programming Language》
CSS ★ 0 10y agoExplain → -
vant-weapp ⑂
轻量、可靠的小程序 UI 组件库
JavaScript ★ 0 8y agoExplain → -
plugin-directory ⑂
An official directory of Sketch Plugins
Ruby ★ 0 8y agoExplain → -
iOSDemo
No description.
Ruby ★ 0 8y agoExplain → -
the-road-to-learn-react-chinese ⑂
简体中文版 The Road to learn React - Simplified Chinese Translation
★ 0 8y agoExplain → -
RegExp-Builder
No description.
TypeScript ★ 0 8y agoExplain → -
react-fns ⑂
Browser API's turned into declarative React components and HoC's
TypeScript ★ 0 8y agoExplain → -
React-HOC
No description.
TypeScript ★ 0 8y agoExplain → -
ftt-sensitive-words
No description.
JavaScript ★ 0 8y agoExplain → -
awesome-vscode ⑂
A curated list of delightful VS Code packages and resources.
★ 0 8y agoExplain → -
react-portal ⑂
React component for transportation of modals, lightboxes, loading bars... to document.body
JavaScript ★ 0 9y agoExplain → -
redux-in-chinese ⑂
Redux 中文文档
★ 0 9y agoExplain → -
ReactTrainingDemos
No description.
JavaScript ★ 0 9y agoExplain → -
.myconfig
No description.
Shell ★ 0 9y agoExplain → -
HelloStorm
No description.
Shell ★ 0 10y agoExplain → -
Tools
No description.
★ 0 9y agoExplain → -
Dollar ⑂
A functional tool-belt for Swift Language similar to Lo-Dash or Underscore.js in Javascript
Swift ★ 0 9y agoExplain → -
machine-learning-for-software-engineers ⑂
A complete daily plan for studying to become a machine learning engineer.
★ 0 9y agoExplain → -
salon-resources ⑂
你可以在这里获取相关的资料。
★ 0 9y agoExplain → -
Moya ⑂
Network abstraction layer written in Swift.
Swift ★ 0 10y agoExplain → -
ReactiveWeatherExample ⑂
A simple iOS weather app using the MVVM pattern and RxSwift framework.
Swift ★ 0 10y agoExplain → -
RxSwift ⑂
Reactive Programming in Swift
Swift ★ 0 10y agoExplain → -
PrayerBlogCode
No description.
Swift ★ 0 10y agoExplain → -
FTProgressBar
No description.
Swift ★ 0 10y agoExplain → -
iOS-FTExtension-Swift
No description.
Swift ★ 0 10y agoExplain → -
Gank.lu ⑂
gank.io client for ios
Swift ★ 0 10y agoExplain → -
YYModel ⑂
High performance model framework for iOS/OSX.
Objective-C ★ 0 10y agoExplain → -
iOS-FTExtension-OC
No description.
Objective-C ★ 0 10y agoExplain → -
iOS-Github-Repo
No description.
★ 0 10y agoExplain → -
Yep ⑂
Meet with Master
Swift ★ 0 10y agoExplain → -
sikeio-ilovereact
No description.
CSS ★ 0 10y agoExplain → -
FTPullToRefreshDemo
No description.
Swift ★ 0 10y agoExplain → -
ios-good-practices ⑂
Good ideas for iOS development, by Futurice developers.
★ 0 11y agoExplain → -
FoodPin
No description.
Swift ★ 0 10y agoExplain → -
iOS-Programming
No description.
Objective-C ★ 0 10y agoExplain → -
kibana ⑂
Kibana
JavaScript ★ 0 11y agoExplain → -
linter-rubocop ⑂
Linter plugin for Ruby, using rubocop
CoffeeScript ★ 0 11y agoExplain → -
Depot
No description.
Ruby ★ 0 11y agoExplain → -
ParkedTextField ⑂
A text field with a constant text/placeholder
Swift ★ 0 11y agoExplain → -
objc-zen-book-cn ⑂
ObjC Zen Book 中文翻译
Ruby ★ 0 11y agoExplain → -
StoreSearch
iOS Apprentice 4 StoreSearch
Swift ★ 0 11y agoExplain → -
underscore ⑂
JavaScript's utility _ belt
JavaScript ★ 0 11y agoExplain → -
Checklists
The iOS Apprentice 2 - Checklists
Swift ★ 0 11y agoExplain → -
atom-guide ⑂
the atom guides and docs in Chinese
★ 0 11y agoExplain → -
manong-reading ⑂
《猿已阅》码农周刊iOS客户端
Objective-C ★ 0 11y agoExplain → -
hexo-theme-vno ⑂
The Ghost Vno theme ported to Hexo
CSS ★ 0 11y agoExplain → -
nodebeginner.org ⑂
A comprehensive Node.js tutorial for beginners
HTML ★ 0 11y agoExplain → -
LoginDemo
No description.
Java ★ 0 11y agoExplain → -
Programming-with-Objective-C
No description.
★ 0 11y agoExplain → -
pos ⑂
POS Project - 该项目通过模拟一台POS机（收银机），来锻炼学员的JavaScript编程能力。
JavaScript ★ 0 11y agoExplain → -
Intellij-IDEA-F2E ⑂
Intellij IDEA / PHPStorm / WebStorm Front End Engineer Guide (中文)
★ 0 12y agoExplain → -
screenShare
No description.
Java ★ 0 12y agoExplain →
No repos match these filters.