John Au-Yeung

Using the useCallback and useMemo Hooks in React Components

Photo by Paolo Chiabrando on UnsplashThe useCallback and useMemo hooks are 2...

Create a To-Do List App with React and JavaScript

Photo by Arisa Chattasa on UnsplashReact is an easy to use JavaScript...

Run Async Code on Update of a State with React Hooks

Photo by James Harrison on UnsplashIn class-based React components, we can...

Create a Simple Calculator with React and JavaScript

Photo by StellrWeb on UnsplashReact is an easy to use JavaScript framework...

Create a Tip Calculator with React and JavaScript

Photo by Sam Dan Truong on UnsplashReact is an easy to use JavaScript framework that lets us create front end apps.In this article,...

How to Clear Timeout and Interval Timers with React Hooks?

Photo by Veri Ivanova on UnsplashTimers created with setTimeout or setInterval...

Create an Image Modal with React and JavaScript

Photo by Steve Harvey on UnsplashReact is an easy to use JavaScript framework that lets us create front end apps.In this article, we’ll look at how to create an image modal with React and JavaScript.Create...

Getting Started with Developing Vue Apps with Class-Based Components

Photo by Geert Pieters on UnsplashIf we prefer to use classes, we can use the class-based components API that comes with Vue.In this article, we’ll look at how to developing Vue apps with class-based...

Server-Side Development with Hapi.js — Response Validation

Server-Side Development with Hapi.js — Response ValidationPhoto by Paul Gilmore on UnsplashHapi.js is a small Node framework for developing back end web apps.In this article, we’ll look at how to create back...

Server-Side Development with Hapi.js — Views

Server-Side Development with Hapi.js — ViewsPhoto by Natalya Zaritskaya on UnsplashHapi.js is a small Node framework for developing back end web apps.In this article, we’ll look at how to create back end apps...

Create a Landing Page with Vue 3 and JavaScript

Photo by trevor pye on UnsplashVue 3 is the latest version of the easy to use Vue JavaScript framework that lets us create front end apps.In this article, we’ll look at how to create a landing page with Vue 3 and...

Create Vue 3 Apps with the Composition API — Custom Refs and Shallow Reactivity

Create Vue 3 Apps with the Composition API — Custom Refs and Shallow ReactivityPhoto by Jaunathan Gagnon on UnsplashIt lets us extract logic easily an not have to worry about the value of this in our code.It...

React Development with the Shards React Library — Form Input and Radio Buttons

React Development with the Shards React Library — Form Input and Radio ButtonsPhoto by Juvnsky Anton Maksimov on UnsplashShards React is a useful UI library that lets us add many components easily into our...

Create Vue 3 Apps with the Composition API — Check Reactive Properties

Create Vue 3 Apps with the Composition API — Check Reactive PropertiesPhoto by Hermes Rivera on UnsplashIt lets us extract logic easily an not have to worry about the value of this in our code.It also works...

Create a Drag and Drop App with Vue 3 and JavaScript

Photo by Auto Fan on UnsplashVue 3 is the latest version of the easy to use Vue JavaScript framework that lets us create front end apps.In this article, we’ll look at how to create a drag and drop app with Vue 3 and...

Create a JSON to CSV Converter with Vue 3 and JavaScript

Photo by Todd Quackenbush on UnsplashVue 3 is the latest version of the easy to use Vue JavaScript framework that lets us create front end apps.In this article, we’ll look at how to create a JSON to CSV cowith Vue 3...

Create Vue 3 Apps with the Composition API — Refs

Create Vue 3 Apps with the Composition API — RefsPhoto by Weston Eichner on UnsplashIt lets us extract logic easily an not have to worry about the value of this in our code.It also works better with TypeScript...

Create a Weather App with Vue 3 and JavaScript

Photo by Wolfgang Hasselmann on UnsplashVue 3 is the latest version of the easy to use Vue JavaScript framework that lets us create front end apps.In this article, we’ll look at how to create a weather app with Vue...

Create Vue 3 Apps with the Composition API — Lifecycle Hooks and Refs

Create Vue 3 Apps with the Composition API — Lifecycle Hooks and RefsPhoto by Derek Thomson on UnsplashIt lets us extract logic easily an not have to worry about the value of this in our code.It also works...

Create Vue 3 Apps with the Composition API — Watch and Watch Effect

Create Vue 3 Apps with the Composition API — Watch and Watch EffectPhoto by Fabian Heimann on UnsplashVue 3 comes with the Composition API built-in.It lets us extract logic easily an not have to worry about the...

Create a Voting App with Vue 3 and JavaScript

Photo by Glen Carrie on UnsplashVue 3 is the latest version of the easy to use Vue JavaScript framework that lets us create front end apps.In this article, we’ll look at how to create a voting app with Vue 3 and...

Add Charts into Our React App with Victory — Tooltips

Add Charts into Our React App with Victory — TooltipsPhoto by Goke Obasa on UnsplashThe Victory lets us add charts and data visualization into our React app.In this article, we’ll look at how to add charts...

What’s New in ES2021?

Photo by Jude Beck on UnsplashES2021 is the latest version of the EcmaScript specification as of 2021.It has the newest features of JavaScript, which are being added into various runtime environments like browsers...

Create Vue 3 Apps with the Composition API — Read-Only Properties and Side Effects

Create Vue 3 Apps with the Composition API — Read-Only Properties and Side EffectsPhoto by Mert Kahveci on UnsplashVue 3 comes with the Composition API built-in.It lets us extract logic easily an not have to...

Create a Drawing App with Vue 3 and JavaScript

Photo by Victoria Bilsborough on UnsplashVue 3 is the latest version of the easy to use Vue JavaScript framework that lets us create front end apps.In this article, we’ll look at how to create a drawing app with Vue...