PapaBearCodes

Written by@David Quick
Hi ✌️ I'm Dave, a developer from TX. I write web development articles for all. This is my journal to you. Enjoy!

Creating flexible compnents with props and local data

In this article, we’ll be focusing on one component in specific that we’ll dive into and refactor while focusing on re-usability and props. This came about as I was updating my portfolio and came acr…

Dynamically loaded content with RSS and Gatsby.

In this guide, we’ll utilize to generate an RSS feed that contains blog posts from a Gatsby site. We’ll then use the RSS feed to display that data dynamically onto a different site using an NPM pack…

Building your own Create React App template

As per the create-react-app docs. Creating templates is a feature available with react-scripts@3.3.0 and higher. Using CRA (create-react-app) is a convenient and fast way to get started on a React pr…

Theming with CSS variables

Out of pure meddling and frustration over being stuck on a project for a lot longer than expected, I learned quite a bit about CSS variables and how they allow us to make dynamic changes with ease. W…

Learn useState hook by example

In this guide, we’ll take a look into useState by comparing class and function components. This isn’t an in-depth look as there are other great features of the useState hook that aren’t included in t…

Immutable objects with preventExtensions(), seal(), and freeze()

There are times where you’ll have an object and want to preserve it’s properties and restrict its behavior. This is when we can reach for , , or . Let’s create an object with several properties. We’…

Hoisting in JavaScript

I feel it’s safe to say that hoisting in JavaScript leads to a lot of confusion and it’s mainly due to how it’s explained and our condition to take words immediately for what they are. Hoisting is t…

map() Array Method

is a method used on arrays to handle iteration. It uses a callback function on every Element in the array it’s called on. It’s one of my most used array methods and quite possibly my favorite. The gr…

Styled-Components introduction

CSS in JavaScript doesn’t hold an amazing reception, yet here we are, doing exactly that. Who would have thought 🤷🏽‍♂. Styled-components is one of many (my favorite) ways to style React components. It a…

For..in vs for..of

Let’s clear something up that will hopefully help you understand the when and why of for..in and for..of before we dive into any examples. In JavaScript, we have something called iterables. It’s simp…

© 2022 David Quick