Welcome!

Hi, I'm Kyle Shevlin, a software engineer and online instructor. This is where I share all the content I create. I mostly write articles and create courses, focusing on breaking concepts down to their fundamentals.

Peruse my blog posts, check out one of my courses (or all of them), and sign up for my newsletter if you like what you read.

If you need to reach out to me, Twitter is by far the best way to do so.

Enjoy your time here and thank you.

Unsure Where to Start?

Try one of these curated collections.

ReactState MachinesFunctional ProgrammingSoftware Engineering

Recent Posts

How I Structure My React Projects

0 strokes bestowed

React and modern JavaScript gives you the freedom to structure your React projects however you want. Learn how I structure mine.

Read More
Tags
React
0 strokes bestowed

A lot has happened for me in the first half of 2021 and I need to take a moment to try and process some of that.

0 strokes bestowed

I recently did a code review for an aspiring developer and instructed them to “get rid of the ‘magic values’ in their code.” It dawned on me that it might not have been obvious what I meant, so I figured I would take a few moments, and paragraphs, to explain.

0 strokes bestowed

A short explanation on how I use `React.useMemo` to stabilize values for re-renders.

0 strokes bestowed

Symbolic logic, the study of reducing arguments to an algebraic notation, can be useful knowledge for debugging and reasoning about programs.

0 strokes bestowed

I find Sets and set theory to be a fascinating concept, and one that I find more and more useful as time goes on. I've wanted to write an introductory post on the topic for a while now and hope it might inspire a similar interest in Sets for you.

0 strokes bestowed

Learn the concept of a tuple, an ordered, finite list of items that represents an implicit key/value store, and where you might already be using them in JavaScript.

0 strokes bestowed

Learn how to conditionally use React Hooks by conditionally rendering a "renderless component".

0 strokes bestowed

Learn how to debounce or throttle a callback function with React hooks while avoiding an exhaustive deps ESLint error

0 strokes bestowed

Learn how to use React Context effectively in your web applications by using custom hooks and memoization.

0 strokes bestowed

With the facade pattern, we're able to hide details "under the hood", changing them when necessary without affecting the API exposed by the facade and consumed by the rest of your application.

0 strokes bestowed

If you're using React Hooks, I want to show you a pattern for using them that I think will improve the legibility and organization of your codebase. Let's apply encapsulation to the use of React Hooks.

0 strokes bestowed

Typically, functions are written for their reusability, but I want to convince you that the reason to reach for a function is to encapsulate a concern.

0 strokes bestowed

Disclaimer: This might be a bad idea.

Let's kick it old school and create a custom React hook that takes a callback second argument for setState.

0 strokes bestowed

Recently, I needed to do some debugging to improve a few components that were rerendering unexpectedly. In that process of research and trial & error, I came away with a few useful hooks that I want to share with you.

Looking for more posts?

If you're looking for more posts, visit the All Posts page.

Let's talk some more about JavaScript, React, and software engineering.

I write a newsletter to share my thoughts and the projects I'm working on. I would love for you to join the conversation. You can unsubscribe at any time.

Data Structures and Algorithms Logo
Data Structures and Algorithms

Check out my courses!

Liked the post? You might like my video courses, too. Click the button to view this course or go to Courses for more information.