1. Type-safe usage of React as a prop for flexible components

    8 min read

    Ever wondered how design systems provide an 'as' prop for their components that you can use to inject or change the component type? Let's look at how we can do this with TypeScript.

  2. Exploring the Tremor dashboard UI library

    4 min read

    A look at implementing beautiful graph UI components quickly with Tremor.

  3. Dynamic UIs Using Dynamic Imports, Next.js 10 and React State

    3 min read

    See how you can dynamically create UIs based on React State using dynamic imports, Next.js 10 and React State

  4. Building A Design System Package With Storybook, TypeScript And React In 15 Minutes

    8 min read

    Have you ever wanted to build a UI Component Library with TypeScript and React? This blog post will take you through a straightforward set up that uses the bare minimum to get a working component library that you can re-use across your different React projects.

  5. Implementing Simple Auth To Your Next.js Website using Next.js Auth

    5 min read

    This post will go through a simple example of setting up simple authentication with a user and password to your Next.js website.

  6. Exploring The New Image Component With Next.js

    4 min read

    This blog post will explore the new Next.js Image component for an optimised image experience on the web.

  7. Exploring Internationalisation With Nextjs 10 and react-intl

    7 min read

    This blog post will explore the new internationalised routing in Next.js 10 and how you can use this to your advantage with react-intl for React.js

  8. Exploring Vercel Analytics Using Next.js 10 and GTMetrix

    5 min read

    See a roundup of my look into Vercel's new analytics feature that you can enable on a Vercel project and see how I used GTMetrix to help push some numbers.

  9. Deploying Next.js 10 With Vercel CLI and the Vercel GitHub Integration

    4 min read

    Learn how to deploy the base Next.js 10 app with the Vercel CLI and/or the Vercel GitHub Integration

  10. Exporting Static HTML From A Nextjs 10 Site

    3 min read

    Learn how to export static HTML from a Nextjs 10 project to host

  11. Snowpack 2.15.1 with Create React App 4.0.0 and NPM 7

    1 min read

    Updating my previous post on using Create React App with Snowpack for the latest versions and NPM 7

  12. Your First ESLint Rule Applied To Create-React-App

    8 min read

    Look at how you can create your first ESLint rule and apply it to a working application

  13. Prompting New App Versions With The Service Worker And Create-React-App

    4 min read

    Look at how we can work around one of the Service Worker's biggest misunderstanding

  14. How To Use Your Tailwind Theme Anywhere Throughout Your React App

    6 min read

    Use the React Context API with Tailwind's theme generator to access the values anywhere throughout the application

  15. Getting Started With React + TypeScript + Tailwind + Classnames In Minutes

    4 min read

    Get up and running with Tailwind faster than your bread takes to toast

  16. O(1) Reloading With Create React App

    7 min read

    Upgrade a CRA template to start making use of Snowpack