The author shares their experience of developing a plugin called Emera for Obsidian, which allows users to embed JavaScript and React components directly into their notes. The post details the challenges faced during development, ...
About:
Oleh is a frontend developer and designer passionate about UI and visuals, with hobbies in sports and cooking.
Website:
Specializations:
Interests:
Incoming Links:
Outgoing Links:
Subscribe to RSS:
A personal account of a website redesign journey, highlighting the learning process in design systems and the balance between personal expression and professionalism.
The text is a detailed overview of web bots and bot detection services. It covers the evolution of bots and their detection techniques, including the simplest bots, IP reputation and proxies, TCP and TLS fingerprinting, JavaScript...
The text discusses 6 advanced TypeScript tricks that can improve codebase, including conditional types, infer, distributive types, nominal types, assertUnreachable utility function, and types performance. It also mentions the use ...
The article discusses the features of high-quality fonts, including variable axes, alternates, stylistic alternates, swashes, numerals, small caps, and contextual alternates. It explains how to manipulate variable font axes, enabl...
The text is a quick guide to web typography for developers. It covers key typography settings and how to manipulate them with CSS to make text on apps and websites look good by default. It is useful for developers who want to get ...
The text is a tutorial on how to build a universal SwipeActions component using React and Framer Motion. It explains the structure of the component and how to use it. The component is unstyled and composable, and the tutorial also...
The article discusses how to make draggable Framer Motion elements snap to predefined positions. It explains the process of creating a reusable React hook that can be used to add snap points to draggable elements. The author also ...
The text discusses integrating Radix Primitives with Framer Motion, focusing on adding animations to UI components. It provides examples of how to animate entrance, state change, and exit of Radix components using Framer Motion. T...
The article discusses creating a 'Hold to confirm' button with React and Framer Motion as an alternative to the GitHub-like confirmation for deleting a repository. It includes setting up the component, making it functional, and ma...
The text discusses the author's experience with react-router and the process of building a typesafe router from scratch. It covers the features and limitations of the router, terminology, high-level overview of the API, type-level...
The text discusses direction-aware animations in Framer Motion, providing examples and solutions for different scenarios. It explains how to change animations based on the direction of navigation and how to make the code reusable....
0Concurrency in React 18 for busy bees · OlegWock
2023-11-10 •
The text discusses the new feature of concurrency in React 18, explaining what concurrency is, how it relates to React, how interruption and switching works, and how to initiate transition. It also covers the use of Suspense and t...
The text is a guide to React Suspense and the use hook for data fetching. It explains the purpose of Suspense, its benefits, and how to use the use hook for data fetching. It also covers the use of Suspense in server-side renderin...
The text is a tutorial on how to make an animated tooltip with React and Framer Motion. It discusses the implementation of layout animations, adding animations, layout transitions, and the use of libraries such as Floating UI and ...