Colby Fayock articles - 17 total
Crafting a React/Next.js Single Page Application Optimized for SEO
In a rush? Skip to tutorial steps. What's the first thing you do when you are looking for somethin...
Building Maps with React Leaflet - Course on egghead.io
If you’ve been following along with my work, I tend to talk about maps every so often. This includes...
How to Build Tech Communities in a World of Pandemic
The global pandemic has had widespread effects, not just in how we go to work or go out to eat, but...
What is Tailwind CSS and How Can I Add it to my Website or React App?
CSS is a technology that can be your best or worst friend. While it's incredibly flexible and can pro...
Create your startup’s website on the Jamstack with Gatsby.js, TakeShape, and Netlify
Use TakeShape's starter projects to get up and running in minutes with a Gatsby.js site on Netlify
How to Use Pure CSS to Create a Beautiful Loading Animation for your App
If you've been around the internet lately, you've most likely seen a nice subtle loading animation...
What is the JAMstack and how do I get started?
JAMstack sites are all the rage right now in the web dev world. And rightfully so! But what exactly i...
What is linting and how can it save you time?
One of the biggest challenges in software development is time. It's something we can't easily get mor...
use-custom-hook: Custom React Hook starter
Make spinning up and publishing a new custom React Hook easy! github.com/colbyfayock/use-custom-hook...
How to create a Coronavirus (COVID-19) Dashboard & Map App with Gatsby and Leaflet
The Coronavirus (COVID-19) pandemic has swiftly changed how all of us interact day to day. How can we...
Put Down the Javascript: Learn HTML & CSS first
A growing trend in front end development is the idea that you can dive right into Javascript and succ...
How to build a mapping app in React the easy way with Leaflet
Mapping is hard, but spinning up a new app that renders maps doesn't have to be. Here's how you can e...
You Don't Need CSS-in-JS: Why I Use Stylesheets
CSS-in-JS is all the rage. But is it really the best option? Solving problems you don't nee...
Share a Donut, Strengthen Your Culture
Note: This was originally written before the massive influx of people working from home, but this app...
A better way to place your Cage
I'm sure you find yourself way too often copying and pasting your placecage image url from placecage....
Write Merge Requests Like You’re Posting to Instagram
Merge requests (or pull requests) are a huge part of a team's development process. It's the main gate...
Destructuring the Fundamentals of React Hooks
Hooks have become a pretty powerful new feature of React, but they can be intimidating if you’re not...