Kyle Shevlin's Blog RSS Feed

Yesterday, I had an exchange with a colleague that made me feel something very poignant.

Over the years, I've had an interest in modeling state problems as accurately as possible.

I really need more people to watch "Nothing is Something" by Sandi Metz so I don't get weird looks when I apply its lessons to my code.

I don't know if this is the world's best idea, but given the situation I'm faced with, it's the best one I've got.

Preferring gaps to margins is so obvious to me that it's honestly challenging to write about it.

One thing I've struggled with throughout my life is using a word with a specific definition that gets interpreted differently.

I was doing some more interview prep this past week, this time using an app called Codewars, when I came across a "kata" <Marker content="That's what they call the exercises." /> that stood out to me.

import { SlidingWindowVisual } from '.

This will be a departure from my typical topic of writing, but it's something I've been thinking about for well over a decade and would like to finally put into some words.

import { TestYourFocus } from '.

import { TestYourMight } from '.

This tip is a bit of a weird one.

import Image from '../../..

import { DiceRoll, Form1 } from '.

If you've read my blog in recent history, then you're probably aware that I'm a big fan of composition.

When it's been a while since I've written a post and I need to get back at it, I like to pick something I can write really quickly and publish right away.

import { Presenter } from '.

import { Button } from '../../..

This one will be super short.

Consider the following absurdly simple example: function VideoControls() { const { isPlaying, play, pause } = useVideoControls() return ( <Button onPress={isPlaying ?

For going on three years now, I've been working daily in an environment where all the code that I write has to support both React and React Native.

import { CURVED_TAB_BAR_D, Shape } from '.

import { Example } from '.

When I'm working on production code, I tend to be really good about making atomic commits in git.

import Image from '../../..

import { Button } from '../../..

You might have noticed a few new "ads" around here recently for something called Agathist.

Building reusable components can be challenging to do well, and there are some anti-patterns that are easy to fall into that can make it even more difficult.

import SocialPost from '../../..

This is going to be a short and simple TypeScript tip for you about tuples.

import { Card } from '.

import { RandomNumber } from '.

import { Button } from '../../..

import { Custom1 } from '.

import { Example1, Example2, Example3 } from '.

import { InsertionSortVisual } from '.

import { BubbleSortVisual } from '.

import { Box, ChildrenExample, NoChildrenExample } from '.

import Breakfast from '.

import SocialPost from '../../..

Recently, a tweet about wrapping for loops into functions <Marker content="And my consequent reply to it." /> inspired me to write a (hopefully) brief blog post on two common function patterns I use to handle conditional logic.

import Example from '.

import GameOfLife from '.

Disclaimer: If this pattern has an established name, let me know.

Today, in the process of working on what might potentially become a course on React, I used a pattern that I've found useful from time to time that I want to share with you.

import ColorPicker from '.

One underrated feature of code editors is "code folding", the ability to fold a block of code, like this: <div class="mb-4"> <Gif alt="Animation of VSCode collapsing blocks of code from multiple lines, into a single line" gifSrc="/images/folding-code.gif"…

import SocialPost from '../../..

I've recently been working on a project that uses Chakra UI.

Building upon closures, I want to teach you about "factory functions", too.