Uncategorized

Mac laptop closed

What I Love About Web Development – Focusing on the Best Projects

I feel that the most fun I’m having when doing web dev is actually when I’m doing programming, rather than working in a GUI like WordPress or Divi. I enjoy the nature of solving puzzles, and building custom solutions with pure code. There’s something very creative and technical about it, and there’s something that just …

What I Love About Web Development – Focusing on the Best Projects Read More »

How to Watch Sass in Only Certain Folders in VSCode (Live Sass Compiler)

This post is in regards to the “Live Sass Compiler” VSCode plugin. Sometimes we want to “Watch Sass” in only certain folders. For example if we have some plugin files in our project folder, we don’t want to watch all it’s containing Sass files when we click “Watch Sass”. See this post as a video …

How to Watch Sass in Only Certain Folders in VSCode (Live Sass Compiler) Read More »

Man making fire on lake beach in forest.

How to Group State and Pass it Down to Children with React Hooks

Sometimes we have a React component that needs to pass many state values to its parent. Sometimes we even have grandchildren or props several generations deep that need to set state to their grandparent. See this example: Instead of passing all of that state as props to the child component, we can actually just save …

How to Group State and Pass it Down to Children with React Hooks Read More »

Silhouette of girl on purple and red sunset.

What are the Different Parts of HTML Text Input Elements For (in React and normal HTML)?

The HTML “text” input name For a text input, the name is part of the data sent to the server when the form is submitted. The name is paired with the input’s value, and these are sent to the server in the form name=Chris (if your input value was “Chris”). value The value of an …

What are the Different Parts of HTML Text Input Elements For (in React and normal HTML)? Read More »

How to Add Functions (including useState) to TypeScript Interfaces

I was having trouble finding out how to add functions to TypeScript interfaces. When I finally found out how I decided to write this. I’ll show the format immediatly below: We can see that to create a type for a function, we need to use the format functionName(nameForArgument: [argument type]): [type] . We need to …

How to Add Functions (including useState) to TypeScript Interfaces Read More »