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 a post in one of these tagged collections.
React state can be updated in two ways: replace the
currentState with the
nextState, or transform the
currentState to the
nextState with a function. Prefer the function.
I've been working on lessons for a new course recently, and one of the the lessons I created inspired me to share one of my favorite techniques for creating flexible functions: dependency injection and default parameters . Let's dig in. Dependency injection Now, I don't have a computer science…
Discriminated unions in TypeScript can go awry when you use object or array destructuring. Learn why it happens and what you can do to fix the problem.
Since the advent of React hooks, I have seen a pattern emerge that I think is less than ideal. I've started calling it the “naked state setter” pattern. Let's find out what it is and how to avoid it.
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.
A short explanation on how I use `React.useMemo` to stabilize values for re-renders.
Symbolic logic, the study of reducing arguments to an algebraic notation, can be useful knowledge for debugging and reasoning about programs.
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.
Learn how to conditionally use React Hooks by conditionally rendering a "renderless component".
Learn how to debounce or throttle a callback function with React hooks while avoiding an exhaustive deps ESLint error
Learn how to use React Context effectively in your web applications by using custom hooks and memoization.
Looking for more posts?If you're looking for more posts, visit the All Posts page.
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.