thomasyim 最近的时间轴更新

thomasyim's repos on GitHub

JavaScript · 209 人关注

learn-react-source-code

Build react from scratch (code + blog)

JavaScript · 151 人关注

v-dom

:point_right: A minimal implementation of the Virtual DOM

JavaScript · 100 人关注

css-filter

Upload an image and add filters to it. Pure CSS, no black magic.

JavaScript · 53 人关注

image-screenshot

download an image node along with its css properties

JavaScript · 44 人关注

zion

[Deprecated] A tentative, light-weight 2D game framework based on HTML5 canvas.

35 人关注

Migration-to-Suspense

Slides and demo of D2 Forum in Jan. 2019

JavaScript · 29 人关注

tetris-redux

:trophy: A React / Redux implementation of the Tetris game.

JavaScript · 14 人关注

canvas-image-cache

A promise-based utility to cache images in canvas to enhance rendering efficiency and prevent flickering

JavaScript · 11 人关注

react-animation-wrapper

:crystal_ball: Components animation wrapper done right

JavaScript · 11 人关注

react-suspense-demo

Use React Suspense today

Python · 9 人关注

leetcode

:dizzy: Python / JavaScript solutions for LeetCode

Python · 8 人关注

zakas

:robot: A desktop Siri-like voice manager bot, to automate your daily routine.

JavaScript · 6 人关注

memoize

A JavaScript function wrapper to memorize / cache result with the same input

JavaScript · 6 人关注

tetris-mobx

A React / MobX implementation of the Tetris game.

Shell · 6 人关注

til

:sparkles: Curated list of useful code snippets / programming tips & knowledge. Check my Gists as well!

JavaScript · 5 人关注

easy-stackoverflow

:speak_no_evil:A Chrome extension for StackOverflow

JavaScript · 5 人关注

node-online-snake

The html5 snake game implemented with Express.js and Socket.io

JavaScript · 5 人关注

pubsub

:crystal_ball: The JavaScript implementation of the publish/subscribe pattern.

JavaScript · 5 人关注

React-Kanban-Board

:clipboard: A checklist SPA implemented with React

JavaScript · 5 人关注

react-provider-standalone

The standalone React components <Provider /> wrapper.

JavaScript · 4 人关注

dumb-state

A simple state management tool that supports undo, redo, etc.

4 人关注

focus-helper

A chrome extension to help you boost your focus in a period of time

JavaScript · 4 人关注

handwriting

:book: A web application to practice your handwriting.

HTML · 3 人关注

Backbone-Todo-List

The todo list based on Backbone.js

JavaScript · 3 人关注

Front-End-Data-Visualization

:eyes: Web Data Visualization for the graduate thesis in 2017.

HTML · 3 人关注

greedy-snake

A simple html5 game aimed at children aged above 3. LOL

3 人关注

hands-on-react-hooks

A handful of custom React hooks, mostly for education purpose.

JavaScript · 3 人关注

keybus

:surfer: Support simultaneous multi-keypress handler. Especially useful in game development on web browser.

JavaScript · 3 人关注

sane-plural

get the plural form in a sane way

3 人关注

tiny-react-ui

A lightweight, easy-to-use ui component kit for React

JavaScript · 3 人关注

try-infinitely

a simple helper function to make an error-prone call infinitely / or until some value is truthy

HTML · 2 人关注

express-socket.io-boilerplate

An un-opinionated, minimal boilerplate to get started with Express.JS and Socket.io

JavaScript · 2 人关注

hook-useEffect-repro

[This is a wrong usage example]

JavaScript · 2 人关注

mini-observer

:eyes: A redux-like implementation of the observer pattern in JavaScript

JavaScript · 2 人关注

minipack-1

📦 A simplified example of a modern module bundler written in JavaScript (flow-typed)

JavaScript · 2 人关注

personal-logger

Webapp for tracking personal diet, sleep, and general wellness

2 人关注

react-undo-redo

An Higher Order Component that gives you ability to undo / redo state changes.

2 人关注

understandinges6

Content for the ebook "Understanding ECMAScript 6"

1 人关注

AsyncImage

Lazy load image with React suspense

1 人关注

chakra-ui

⚡️Simple, Modular & Accessible UI Components for your React Applications

JavaScript · 1 人关注

codec

:fax: A light weight codec implemented in JavaScript, aimed for both browser and node.js

JavaScript · 1 人关注

css-suspense

css loading for react

JavaScript · 1 人关注

Data-Structure-and-Algorithms-in-JavaScript

A Minimal Implementation of the Common-Seen Data Structure and Algorithms in JavaScript.

JavaScript · 1 人关注

enzyme

JavaScript Testing utilities for React

1 人关注

eslint-plugin-react

React specific linting rules for ESLint

1 人关注

excalidraw

Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

JavaScript · 1 人关注

fast-scroll-top

A Chrome extension to save your pain of scrolling back to the top of the page.

OCaml · 1 人关注

flow

Adds static typing to JavaScript to improve developer productivity and code quality.

JavaScript · 1 人关注

gatsby

⚛️📄🚀 Blazing fast static site generator for React

CSS · 1 人关注

hexo-theme-hiero

An awesome magazine, blog theme for your Hexo site.

JavaScript · 1 人关注

is-equal

a JavaScript function utility to check if two things are content-wise equal or not

JavaScript · 1 人关注

naming-transformer

Switching between variable naming conventions like camel, snake, and general title

1 人关注

react

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

JavaScript · 1 人关注

react-collapsed-image

JavaScript · 1 人关注

react-devtools

An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools.

JavaScript · 1 人关注

react-redux

Official React bindings for Redux

JavaScript · 1 人关注

react-router

Declarative routing for React

JavaScript · 1 人关注

reactip

ℹ️ auto repositioning tooltip component for react

JavaScript · 1 人关注

reactjs.org

The React documentation website

JavaScript · 1 人关注

relay

Relay is a JavaScript framework for building data-driven React applications.

HTML · 1 人关注

sponsibly

http://cyan33.github.io/sponsibly

1 人关注

support.996.ICU

Microsoft and GitHub Workers Support 996.ICU

JavaScript · 1 人关注

teamfresh

Repository for VIMD - Team Freshspire

JavaScript · 1 人关注

tech-interview-handbook

💯 Algorithms, front end and behavioral content for rocking your coding interview. 🆕 Interview Cheatsheet! 🆕

JavaScript · 1 人关注

TestGeneration

1 人关注

weather-cli

:cloud: A Node.js Command Line Tool to Know the Weather Data

0 人关注

ama

Ask me anything!

JavaScript · 0 人关注

App

JavaScript · 0 人关注

building-react-from-scratch

Code for my React Rally talk.

0 人关注

chitter-chatter

:speech_balloon: An online chat room based on Express.js and Socket.io

C++ · 0 人关注

cosmos

[Show :heart: love by 🌟] Your personal library of every algorithm and data structure code that you will ever encounter

JavaScript · 0 人关注

create-react-app

Create React apps with no build configuration.

JavaScript · 0 人关注

a highly subjective / opinionated set of data mining function kit.

JavaScript · 0 人关注

Docusaurus

Easy to maintain open source documentation websites.

Python · 0 人关注

dog-breed-identification

A CNN approach to classify dog breeds

0 人关注

game-manager

:surfer: A game state manager library for HTML5 games

0 人关注

git-flight-rules

Flight rules for git - a work in progress!

JavaScript · 0 人关注

happy-getter

An object data getter make you happy.

JavaScript · 0 人关注

invariant

invariant

JavaScript · 0 人关注

jest

🃏 Delightful JavaScript Testing.

0 人关注

js-node-prune

0 人关注

metro

🚇 The JavaScript bundler for React Native

JavaScript · 0 人关注

mobx

Simple, scalable state management.

JavaScript · 0 人关注

node-multiplayer-snake

A multiplayer snake game built on NodeJs, Express, socket.io, JavaScript ES6, and jspm. (minimal libraries)

0 人关注

react-fiber-architecture

A description of React's new core algorithm, React Fiber

0 人关注

react-native

A framework for building native applications using React

JavaScript · 0 人关注

redux

Predictable state container for JavaScript apps

JavaScript · 0 人关注

tiny-all-over-the-world

The minimum implementation of `design-pattern`, `framework`, `infrastructure` and `libraries`.

JavaScript · 0 人关注

vdom-prezzy-example

:eyeglasses: From my Youtube Video, "Let's Build a Virtual DOM from Scratch"

0 人关注

zion-boilerplate

The minimal counter boilerplate to get you started with Zion.

JavaScript · 0 人关注

Zion-demos

Canvas games built on top of Zion.

JavaScript · 0 人关注

zoomerang

drop in zoom anything

thomasyim

V2EX 第 147667 号会员，加入于 2015-11-18 20:41:23 +08:00

cyan33

thomasyim 提问技术话题好玩工作信息交易信息城市相关

写了一个小白都能看懂的 Virtual DOM 实现

程序员 • thomasyim • 2018-03-27 12:02:43 PM • 最后回复来自 thomasyim

借 CSS filter 写了一个符合直男审美的滤镜应用

程序员 • thomasyim • 2018-02-21 11:33:06 AM • 最后回复来自 bilibiliQQ

写了一个 Canvas 游戏框架，求批评

程序员 • thomasyim • 2017-12-09 11:51:12 AM • 最后回复来自 nofastfat

2017 求暑期前端实习(づ￣ 3￣)づ

求职 • thomasyim • 2016-04-18 22:32:35 PM • 最后回复来自 thomasyim

» thomasyim 创建的更多主题

thomasyim 最近回复了

2018-03-27 12:02:43 +08:00

回复了 thomasyim 创建的主题 › 程序员 › 写了一个小白都能看懂的 Virtual DOM 实现

@binux 不好意思之前没理解你说的什么意思。你说的这个问题即使是在 React 也确实是存在的，直接去看 [React Reconcilliation]( https://reactjs.org/docs/reconciliation.html) 就会有答案。这也是 @qiuyk 上面评论里说的问题。从这个意义上来说确实不是 minimal update

2018-03-25 13:33:34 +08:00

回复了 thomasyim 创建的主题 › 程序员 › 写了一个小白都能看懂的 Virtual DOM 实现

@binux 麻烦你自己好好读代码再不然就 console 一下再来说好吗？ element type 不变的话是不会进那个 flow 的

2018-03-25 13:27:15 +08:00

回复了 thomasyim 创建的主题 › 程序员 › 写了一个小白都能看懂的 Virtual DOM 实现

@qiuyk 棒👍

2018-03-25 13:01:25 +08:00

回复了 thomasyim 创建的主题 › 程序员 › 写了一个小白都能看懂的 Virtual DOM 实现

@lance6716276 哈哈哈哈哈哈哈是你

2018-03-25 13:00:34 +08:00

回复了 thomasyim 创建的主题 › 程序员 › 写了一个小白都能看懂的 Virtual DOM 实现

@lance6716276 哈哈哈哈哈哈哈