Shawn Wang

In this talk, we’ll create an effective mental model of Concurrent React by building a tiny clone of React!

In this talk, we’ll create an effective mental model of Concurrent React by building a tiny clone of React! We will start with a blank js file and learn about how React renders components, schedules Time-Slicing updates with a Work Loop, add Hooks, and end off with a mini-clone of Suspense!

2020

Byteconf React

Concurrent React from Scratch

In this talk, we’ll create an effective mental model of React Hooks by building a tiny clone of React!

In this talk, we’ll create an effective mental model of React Hooks by building a tiny clone of React! This will serve two purposes – to demonstrate the effective use of closures, and to show how you can build a Hooks clone in just 29 lines of readable JS. Finally, we arrive at how you get Custom Hooks and the Rules of Hooks out of this incredible mental model!

2019

React Advanced

React (with Hooks) from Scratch

The design of React Hooks requires a good understanding of closures in JavaScript. In this talk, we’ll reintroduce closures by building a tiny clone of React! This will serve two purposes – to demonstrate the effective use of closures, and to show how you can build a Hooks clone in just 29 lines of readable JS. 

Finally, we arrive at how you get Custom Hooks and the Rules of Hooks out of this incredible mental model!

JSConf Asia

Getting Closure on React Hooks

There is a lot of developer and investment interest in JAMStack technologies, from the serverless movement to new authentication models to continuous atomic deployment to the static site generator renaissance. But with so many new terms and options, it is hard for people to figure out where to start.

This workshop will teach developers to set up a simple but state of the art Gatsby stack, which lets people create blazing fast sites and apps with React and GraphQL, backed up by a continuous deployment and serverless platform complete with authentication and CMS. 

It has never been easier to get a great Lighthouse score, or to deploy complex, secure webapps for free.

JAMStack Jumpstart - Gatsby

Babel isn't just for transpiling anymore! Shawn "swyx" Wang uses Moana to explain how Babel macros can help you with code generation and analysis.