Hey, I'mMykhaylo.

I'm a Software Engineer based in Canada.

I write code for a living, drink more coffee than I probably should, and listen to a lot of electronic music in the process.

· · · · · · · · · · · · ·

Featured

Latest Post

DTCG Design Tokens in Figma

November 3, 2025

Design TokensDesign SystemsFigmaStyle Dictionary

The W3C Design Tokens Community Group (DTCG) design token format spec is now stable, and is supported in Figma!

DTCG Design Tokens in Figma

Latest Video

W3C Design Tokens in CSS using Style Dictionary

December 7, 2023

Design TokensDesign SystemsStyle Dictionary

Learn how to turn your Design Tokens from W3C format into CSS using Style Dictionary.

W3C Design Tokens in CSS using Style Dictionary

· · · · · · · · · · · · ·

More Posts

All about React Server Components

October 4, 2023

ReactServer ComponentsRSCNext.js

Overview of React Server Components - what they are, their benefits, and characteristics to be aware of.

Authentication in Next.js with Supabase Auth and PKCE

Next.jsSupabaseAuthenticationPKCE

How to setup authentication in Next.js using Supabase and the Auth Helpers. Now with PKCE flow!

React Server Components and Client Components with Rollup

RollupJavaScriptNext.jsRSC

Learn how to enable both Client and Server Components in your component library when using Rollup module bundler.

Authentication in Next.js with Supabase and Next 13

January 25, 2023

Next.jsSupabaseAuthentication

How to setup authentication in your Next.js app, using Supabase and the new Auth Helpers. Updated for Supabase v2 and Next 13.

Rollup Library Starter

October 5, 2022

RollupJavaScriptNPMpackage.json

Learn how to package your JavaScript library into a production-ready bundle using Rollup module bundler

See all posts

More Videos

Build a Figma plugin using Vite and Preact

August 31, 2023

FigmaVitePreact

Learn how to build a sample Figma plugin using Vite Preact template.

Recreating code editor from Chakra UI docs using React Live and TailwindCSS

Chakra UIReact LiveTailwindCSS

Recreate the live code editor from Chakra UI, built using React Live and TailwindCSS.

ESLint + Prettier shared config for Next.js

ESLintPrettierNext.js

Learn how to create and publish a custom ESLint and Prettier shared config, for use in Next.js projects!

HeadlessUI Slideover

Headless UITailwind UITailwindCSS

In this video we look at how to update the existing implementation of the Tailwind UI Slide Over component that I showed in an earlier video, with the ready-made React component that is now available out of the box from Tailwind UI.

Icon Library with SVGR and Rollup

February 23, 2021

RollupSVGRLibraries

Learn how to build your own SVG icon component library for React! In this video, we use SVGR and Rollup to make a publishable NPM package, with components generated directly from your SVG files.

See all videos

· · · · · · · · · · · · ·

Browse by Topic

Thanks for stopping by

00000