blog.robertbroersma.comAccessible Tabs Using React & Tailwind CSSWe're going for tabs with automatic activation. This means a tab panel will be revealed as soon as it's respective tab receives focus either by click or by using the arrow keys. We want to re-use the tabs functionality in many places, with many diffe...Oct 20, 2020·3 min read
blog.robertbroersma.comBig Heads - Easily generate characters for your projectsBig Heads Hi all! Today I launched my random character generator called Big Heads. You can combine expressions, clothing, hair styles and colors into billions of different unique characters. Embed them on your website, use them in your favourite desi...Jul 9, 2020·1 min read
blog.robertbroersma.comAuthorization in GraphQLAuthentication is figuring out who the user is. Authorization is figuring out what the user is allowed to do. For this article I'll be focusing on the latter. Authenticate Before we can focus on authorization, we do need to be authenticated. So witho...Apr 5, 2020·4 min read
blog.robertbroersma.comUndo/Redo in React Using XStateI recently came across the need for undo and redo functionality in my app. The app is an editor of sorts that allows you to add stuff and remove stuff using several different tools and keyboard shortcuts. All implemented using xstate. It would be gre...Mar 22, 2020·4 min read
blog.robertbroersma.comStateful Styles With XState and Styled SystemYou've probably seen a button like this one before: <Button>Cool Button</Button> One that has options: <Button secondary>Secondary Cool Button</Button> Maybe even more options: <Button tertiary>Tertiary Cool Button</Button> But what if I did this?...Mar 13, 2020·3 min read
