PinnedMember-onlyIntegrating React, Tailwind and StorybookCreating a rapid prototyping environment for React applications — First up, a confession of sorts. I’m a backend developer. There, I’ve admitted it. The last time I did any serious frontend work we were using properties on tags, CSS was this mysterious new thing, and layout meant lots (and lots and lots) of nested tables. Since then I’ve worked…Tailwind Css8 min read
Jan 13Member-onlyMocking React Context in StorybookCreating simple decorators to mock React Context for your Stories — Recently I’ve been building a lot of front end code using React/NextJS, Tailwind and Storybook to achieve a component first development workflow that I’ve written a number of articles about. If you’re using React heavily you’ve more than likely created components that use React Context and a custom hook to…Storybook5 min read
Jan 6Member-onlyComponent First Development with Next.jsUsing Next.js, React, Tailwind and Storybook for super slick app development — I’ve recently begun using Next.js for a number of my projects, having used React alone for a number of years. I made the switch to Next for a project I was working on the needed to be lightweight and deployed to a serverless environment. Next gave me everything I wanted…Storybook6 min read
Published in Storybook·Mar 19, 2021Building a front end project with React, TailwindCSS and StorybookAll of the code related to the post can be found in my GitHub as a starting point for your projects. The what and the why I’ve been a back end developer for most of my twenty five year plus career, working away behind the scenes and generally avoiding having much at all to do…React11 min read
Feb 15, 2021Member-onlyLet’s build a control with React, TailwindCSS and StorybookBuilding UI components the with utility-first CSS and visual development and testing — In a previous article which you can read here I demonstrated how we can build a highly visual design experience for a React application by integrating Storybook, and how we can use TailwindCSS’ utility-first approach as the basis for styling our components. …Tailwind Css7 min read
Dec 11, 2020Member-onlyMy top 5 albums of 2020Music to code to… — I write code a lot, and when I do I enevitably have music on. I’ve written a lot of code this year, and listened to lot of music — being stuck at home in a pandemic has certainly seen to that! …Music6 min read
Jun 2, 2020Member-onlyHow GitOps works for usFrom manually deployed monoliths to containers and GitOps with Weaveworks Flux — Over the last couple of years we’ve been running a number of projects creating new services, and migrating existing services to a new platform we’re building. We’ve been working very heavily with containers as our packaging and deployment mechanism, and using Kubernetes as our orchestrator. …Kubernetes9 min read
Published in Level Up Coding·Apr 22, 2020Member-onlyPatterns for resilient distributed systemsTimeouts, retry, circuit-breakers, and more… — We all want to work with and create resilient systems. When things go wrong, our users tend to notice pretty quickly, and things get… exciting. …Distributed Systems9 min read
Published in Level Up Coding·Mar 31, 2020Member-onlyGraphQL Resolvers in ApolloUnderstanding the Context object in Apollo Server — All of the patterns and ideas presented in this article are shown in the demo code at https://github.com/TheMagoo73/Apollo-Example. Resolvers are a key element to creating your GraphQL based services; it’s within the resolvers that you’ll fetch and shape your data, whether directly from databases in simple cases, or more likely…Graph QL5 min read
Dec 20, 2019Member-onlyUsing Terraform with GCPSamples and ideas to get started with GCP and Infrastructure as Code — Recently I’ve been working a lot with the Google Cloud Platform, which I love. I’ve been building (and destroying!) large amounts of cloud infrastructure working on both fun and serious projects, and I’ve been using Hashicorp’s Terraform to help me do this. …Google Cloud Platform5 min read
