Leigh Halliday

Leigh Halliday is a full-stack developer specializing in React and Ruby on Rails. He works for FlipGive, writes on his blog, and regularly posts coding tutorials on YouTube.

Web React
Building an Ecommerce Operational Dashboard in React

We will be constructing an Operational Dashboard in React for an ecommerce store, utilizing a number of charts and components from KendoReact.

by Leigh Halliday
October 26, 2020 Share
Web React
How to Show and Hide Elements in React

Without if statements in JSX, how do you control your application's flow? Let's explore how to render or NOT render elements in React.

by Leigh Halliday
March 13, 2020 Share
Web
ASTs, Markdown and MDX

Markdown for documents, React for interaction, MDX for both! But how do Markdown and MDX arrive at HTML and JSX? The answer is Abstract Syntax Trees.

by Leigh Halliday
February 27, 2020 Share
Web React
Observing Visibility in React

The IntersectionObserver API allows us to track the visibility of HTML elements, but how do you use it within React?

by Leigh Halliday
October 16, 2019 Share
Web React
Finite State Machines in React

Making a video player in React should be easy, right? A boolean value can keep track of whether it is playing or not... but has the video been loaded yet? And how can we determine if it is paused or if it has just reached the end of the track? A Finite State Machine can help us define these different states and how one transitions to the next. Using XState within React can help us make complicated UIs easier to understand.

by Leigh Halliday
September 26, 2019 Share