February 08, 2021
From HTML to React Part 1
Transform an ordinary HTML website into a modern React site.
February 08, 2021
Transform an ordinary HTML website into a modern React site.
February 02, 2020
A video about how server side rendering works with Next.js and how to properly use its getInitialProps lifecycle function.
November 16, 2019
We dive into the useReducer hook in React and how we can use it to manage complex state vs the useState hook.
November 13, 2019
Optimize React Components using React.memo, useMemo, and useCallback hooks. Learn how a Child Component behaves in React in conjunction with useMemo, useCallback and React.Memo
October 26, 2019
The right way to add Tailwind CSS to a Gatsby.js React Application, using Post CSS and Purge CSS
October 12, 2019
A list of my favorite podcasts about makers, entrepreneurs, and side hustlers related to web development and the tech industry
October 05, 2019
Use React Context API & useReducer hook to make our Global State. We then add the Global State to our Gatsby.js website and explore how to get the state to persist between Gatsby pages.
September 28, 2019
JavaScript exercises that help you work with APIs and data, making you a more advanced web developer.
September 21, 2019
Take a closer look at what makes up a Gatsby theme, how to use them, and what makes them different from a Gatsby Starter
August 24, 2019
We take a deep dive into how data and GraphQL works with Gatsby.js, and also create our own data nodes for Gatsby using an external API
July 13, 2019
Gatsby.js is more than just an awesome static site generator, it can also fetch data dynamically like you would with Create React App. We explore what that dynamic data fetching looks like.
June 22, 2019
Explore how higher order functions and reducers can make custom React hooks more flexible and re-useable.
March 09, 2019
Research and findings on React.memo, useCallback, and useReducer. How to use these tools and optimize React components.
September 20, 2018
Updated to Gatsby.js V2! Gatsby-image is a React component that works with Gatsby.js to give you an easy way to load and optimize images on a website.
August 30, 2018
Explore Progressive Web Apps with React.js and build a News Feed PWA using Preact.js and a custom Service Worker with Google's Workbox.
July 29, 2018
Use Vue.js and Chart.js to add charts/graphs to an existing website. Get weather data using Axios and the OpenWeatherMap API, then chart the temperatues by city.
April 17, 2018
A tutorial for using modern GraphQL APIs with React.js. We'll use the GraphiQL explorer to construct our query and then use React and axios to make the API request.
March 25, 2018
Easily handle forms for your Gatsby.js V2 static website with Netlify. Works with most static site generators.
March 11, 2018
Hosting a static website has become fast, easy, and free. We'll explore options such as GitHub Pages, Surge.sh, and Netlify for deploying your next project.
February 24, 2018
A digital portfolio is vital for any web developer. We'll explore some modern static site generators and free hosting solutions to get your personal site up and running.
January 20, 2018
Blog site using Gatsby.js as the front-end and Contentful as the content management system. A super fast and modern React website example.
December 11, 2017
Static website using Gatsby.js and React, using a YouTube video as the background.
November 24, 2017
Adding a cover or featured image to Gatsby.js blog posts.
November 19, 2017
Gatsby-image is a React component that works with Gatsby.js to give you an easy way to load and optimize images on a website.
November 11, 2017
Moving from WordPress to Gatsby.js, a React.js static site generator.