February 08, 2021
From HTML to React Part 1
Transform an ordinary HTML website into a modern React site.
Code Bushi
Web development tips and resources to elevate your coding journey.
February 02, 2020
Next.js Server Side Rendering and getInitialProps
A video about how server side rendering works with Next.js and how to properly use its getInitialProps lifecycle function.
November 16, 2019
Intro to React's useReducer Hook
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
React.memo, useMemo, and useCallback for Performance Optimizations in React
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 Gatsby with Purge CSS
The right way to add Tailwind CSS to a Gatsby.js React Application, using Post CSS and Purge CSS
October 12, 2019
Podcasts To Inspire You About Web Development & Entrepreneurship
A list of my favorite podcasts about makers, entrepreneurs, and side hustlers related to web development and the tech industry
October 05, 2019
Gatsby.js Global State w/ React Context & useReducer
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
Exercises and Tips for More Advanced Web Development
JavaScript exercises that help you work with APIs and data, making you a more advanced web developer.
September 21, 2019
Gatsby.js Themes Introduction
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
Custom Gatsby.js Source Plugin
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
Fetching Dynamic Data with Gatsby.js
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
Higher Order Reducers with React Hooks
Explore how higher order functions and reducers can make custom React hooks more flexible and re-useable.
March 09, 2019
Optimizations with React.memo, useCallback, and useReducer.
Research and findings on React.memo, useCallback, and useReducer. How to use these tools and optimize React components.
September 20, 2018
An Introduction To Using Gatsby Image & Gatsby.js V2
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
Progressive Web Apps with React & Preact.js
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
Vue.js and Chart.js Weather API Example
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
GraphQL API with React.js
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
Form Handling with Gatsby.js V2 and Netlify
Easily handle forms for your Gatsby.js V2 static website with Netlify. Works with most static site generators.
March 11, 2018
Hosting Your Static Website For Free
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
Creating a Modern Static Website Portfolio
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
Gatsby.js with Contentful Content Management
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
React YouTube Video Background
Static website using Gatsby.js and React, using a YouTube video as the background.
November 24, 2017
Featured Blog Images In Gatsby.js
Adding a cover or featured image to Gatsby.js blog posts.
November 19, 2017
Using Gatsby Image V1
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
From Wordpress to Gatsby.js
Moving from WordPress to Gatsby.js, a React.js static site generator.