thomasyim's recent timeline updates

thomasyim's repos on GitHub

JavaScript · 209 watchers

learn-react-source-code

Build react from scratch (code + blog)

JavaScript · 151 watchers

v-dom

:point_right: A minimal implementation of the Virtual DOM

JavaScript · 100 watchers

css-filter

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

JavaScript · 53 watchers

image-screenshot

download an image node along with its css properties

JavaScript · 44 watchers

zion

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

35 watchers

Migration-to-Suspense

Slides and demo of D2 Forum in Jan. 2019

JavaScript · 29 watchers

tetris-redux

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

JavaScript · 14 watchers

canvas-image-cache

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

JavaScript · 11 watchers

react-animation-wrapper

:crystal_ball: Components animation wrapper done right

JavaScript · 11 watchers

react-suspense-demo

Use React Suspense today

Python · 9 watchers

leetcode

:dizzy: Python / JavaScript solutions for LeetCode

Python · 8 watchers

zakas

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

JavaScript · 6 watchers

memoize

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

JavaScript · 6 watchers

tetris-mobx

A React / MobX implementation of the Tetris game.

Shell · 6 watchers

til

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

JavaScript · 5 watchers

easy-stackoverflow

:speak_no_evil:A Chrome extension for StackOverflow

JavaScript · 5 watchers

node-online-snake

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

JavaScript · 5 watchers

pubsub

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

JavaScript · 5 watchers

React-Kanban-Board

:clipboard: A checklist SPA implemented with React

JavaScript · 5 watchers

react-provider-standalone

The standalone React components <Provider /> wrapper.

JavaScript · 4 watchers

dumb-state

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

4 watchers

focus-helper

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

JavaScript · 4 watchers

handwriting

:book: A web application to practice your handwriting.

HTML · 3 watchers

Backbone-Todo-List

The todo list based on Backbone.js

JavaScript · 3 watchers

Front-End-Data-Visualization

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

HTML · 3 watchers

greedy-snake

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

3 watchers

hands-on-react-hooks

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

JavaScript · 3 watchers

keybus

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

JavaScript · 3 watchers

sane-plural

get the plural form in a sane way

3 watchers

tiny-react-ui

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

JavaScript · 3 watchers

try-infinitely

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

HTML · 2 watchers

express-socket.io-boilerplate

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

JavaScript · 2 watchers

hook-useEffect-repro

[This is a wrong usage example]

JavaScript · 2 watchers

mini-observer

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

JavaScript · 2 watchers

minipack-1

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

JavaScript · 2 watchers

personal-logger

Webapp for tracking personal diet, sleep, and general wellness

2 watchers

react-undo-redo

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

2 watchers

understandinges6

Content for the ebook "Understanding ECMAScript 6"

1 watchers

AsyncImage

Lazy load image with React suspense

1 watchers

chakra-ui

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

JavaScript · 1 watchers

codec

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

JavaScript · 1 watchers

css-suspense

css loading for react

JavaScript · 1 watchers

Data-Structure-and-Algorithms-in-JavaScript

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

JavaScript · 1 watchers

enzyme

JavaScript Testing utilities for React

1 watchers

eslint-plugin-react

React specific linting rules for ESLint

1 watchers

excalidraw

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

JavaScript · 1 watchers

fast-scroll-top

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

OCaml · 1 watchers

flow

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

JavaScript · 1 watchers

gatsby

⚛️📄🚀 Blazing fast static site generator for React

CSS · 1 watchers

hexo-theme-hiero

An awesome magazine, blog theme for your Hexo site.

JavaScript · 1 watchers

is-equal

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

JavaScript · 1 watchers

naming-transformer

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

1 watchers

react

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

JavaScript · 1 watchers

react-collapsed-image

JavaScript · 1 watchers

react-devtools

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

JavaScript · 1 watchers

react-redux

Official React bindings for Redux

JavaScript · 1 watchers

react-router

Declarative routing for React

JavaScript · 1 watchers

reactip

ℹ️ auto repositioning tooltip component for react

JavaScript · 1 watchers

reactjs.org

The React documentation website

JavaScript · 1 watchers

relay

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

HTML · 1 watchers

sponsibly

http://cyan33.github.io/sponsibly

1 watchers

support.996.ICU

Microsoft and GitHub Workers Support 996.ICU

JavaScript · 1 watchers

teamfresh

Repository for VIMD - Team Freshspire

JavaScript · 1 watchers

tech-interview-handbook

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

JavaScript · 1 watchers

TestGeneration

1 watchers

weather-cli

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

0 watchers

ama

Ask me anything!

JavaScript · 0 watchers

App

JavaScript · 0 watchers

building-react-from-scratch

Code for my React Rally talk.

0 watchers

chitter-chatter

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

C++ · 0 watchers

cosmos

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

JavaScript · 0 watchers

create-react-app

Create React apps with no build configuration.

JavaScript · 0 watchers

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

JavaScript · 0 watchers

Docusaurus

Easy to maintain open source documentation websites.

Python · 0 watchers

dog-breed-identification

A CNN approach to classify dog breeds

0 watchers

game-manager

:surfer: A game state manager library for HTML5 games

0 watchers

git-flight-rules

Flight rules for git - a work in progress!

JavaScript · 0 watchers

happy-getter

An object data getter make you happy.

JavaScript · 0 watchers

invariant

invariant

JavaScript · 0 watchers

jest

🃏 Delightful JavaScript Testing.

0 watchers

js-node-prune

0 watchers

metro

🚇 The JavaScript bundler for React Native

JavaScript · 0 watchers

mobx

Simple, scalable state management.

JavaScript · 0 watchers

node-multiplayer-snake

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

0 watchers

react-fiber-architecture

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

0 watchers

react-native

A framework for building native applications using React

JavaScript · 0 watchers

redux

Predictable state container for JavaScript apps

JavaScript · 0 watchers

tiny-all-over-the-world

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

JavaScript · 0 watchers

vdom-prezzy-example

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

0 watchers

zion-boilerplate

The minimal counter boilerplate to get you started with Zion.

JavaScript · 0 watchers

Zion-demos

Canvas games built on top of Zion.

JavaScript · 0 watchers

zoomerang

drop in zoom anything

thomasyim

V2EX member #147667, joined on 2015-11-18 20:41:23 +08:00

cyan33

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

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

程序员 • thomasyim • Mar 27, 2018 • Lastly replied by thomasyim

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

程序员 • thomasyim • Feb 21, 2018 • Lastly replied by bilibiliQQ

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

程序员 • thomasyim • Dec 9, 2017 • Lastly replied by nofastfat

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

求职 • thomasyim • Apr 18, 2016 • Lastly replied by thomasyim

» More topics by thomasyim

thomasyim's recent replies

Mar 27, 2018

Replied to a topic by thomasyim › 程序员 › 写了一个小白都能看懂的 Virtual DOM 实现

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

Mar 25, 2018

Replied to a topic by thomasyim › 程序员 › 写了一个小白都能看懂的 Virtual DOM 实现

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

Mar 25, 2018

Replied to a topic by thomasyim › 程序员 › 写了一个小白都能看懂的 Virtual DOM 实现

@qiuyk 棒👍

Mar 25, 2018

Replied to a topic by thomasyim › 程序员 › 写了一个小白都能看懂的 Virtual DOM 实现

@lance6716276 哈哈哈哈哈哈哈是你

Mar 25, 2018

Replied to a topic by thomasyim › 程序员 › 写了一个小白都能看懂的 Virtual DOM 实现

@lance6716276 哈哈哈哈哈哈哈