CSS Paint API isn't new, yet it's still an experimental web API for extending browser's rendering engine. Using special worklet scripts, you can define custom CSS functions for drawing backgrounds, borders, custom gradients etc., in other words, things you would not be able to do with a regular <canvas>.

For this talk, I've used Paint API to recreate a Telegram-inspired spoiler animation. I' dived into complexities related to the stateless nature of worklets, along with performance benefits and drawbacks.

I love experimenting with new ways of presenting content, so it was also fun to use the FigJam board instead of regular slides for the first time.

In this talk, I uncovered some tricks and hacks in React that I learned while maintaining a micro-library. I discussed performance and size optimizations, as well as the importance of keeping object references stable when passing them down as props to React components.

I talked about the non-standard use of the useState hook, cloneElement API for component composition, the useSyncExternalStore hook introduced in React 18, and its caveats; as well as lesser-known non-standard hooks such as useEvent and more. To demonstrate these tricks, we built a fake multiplayer client component.

You can find the transcript of this talk , including these demos, in my blog.

In this talk, I provided an overview of serverless functions in Vercel and Cloudflare Workers. I covered frontend microservices, JWT authorization, dynamic CDNs, caching, stale-while-revalidate, and more.

Most of the examples featured in this presentation are based on the real challenges that my team at resume.io had to solve, including increasing TTFB, building scalable PDF/DOCX rendering, serving OG previews, and automatically injecting Critical CSS at the edge.

A comprehensive introduction to React hooks, including a step-by-step tutorial on building a fully-functional router library. This presentation showcases my work on the initial version of wouter, an open-source project that is still actively maintained. The goal was to demonstrate the built-in hooks provided by React and how they can be combined.

I am proud to have presented this at a Viipuri Library in Vyborg, which was designed by Alvar Aalto. The library's emphasis on natural lighting inspired me to create illustrated icons for each hook mentioned in the talk, together with my friend and illustrator, Katya Simacheva.

A highly interactive presentation that explores the principles of creating fluid and stateful animations in React. In this talk, I cover CSS transitions, spring-based animations with react-spring, Canvas animations, and exit transitions.

I've spent an incredible amount of time polishing the slides and coding the demos that you can interact with. These demos are running on my own React presentation engine — Presa, that I had fun hacking while procrastinating on the slides.

The talk has been well received by the audience and was included in the list of Top-10 HolyJS talks.