#StandWithUkraine
MykhayloRyechkin
MykhayloRyechkin
Blog
Videos
About

Video Tutorials

Here you will find some of my coding tutorials.

Most of these are things I've had to learn at some point, and wanted to share with others while it was fresh in my mind.

··············
Recreating code editor from Chakra UI docs using React Live and TailwindCSS
May 20, 2022·
43:18
·
Chakra UIReact LiveTailwindCSS

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

Recreating code editor from Chakra UI docs using React Live and TailwindCSS
ESLint + Prettier shared config for Next.js
May 15, 2021·
20:07
·
ESLintPrettierNext.js

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

ESLint + Prettier shared config for Next.js
HeadlessUI Slideover
April 20, 2021·
12:01
·
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.

HeadlessUI Slideover
Icon Library with SVGR and Rollup
February 23, 2021·
21:23
·
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.

Icon Library with SVGR and Rollup
Accessible SlideOver with Tailwind UI and React-Aria
January 21, 2021·
53:36
·
React AriaTailwind UIAccessibilitya11y

In this video I show you everything you need to build the "Slide Over" from Tailwind UI as a fully accessible React component, using Tailwind CSS, React-Aria and Framer Motion.

Accessible SlideOver with Tailwind UI and React-Aria
00000
GitHubLinkedInTwitterYouTube
Blog
Videos
About
© 2023Mykhaylo Ryechkin.All rights reserved.