It was never about the money, and when I see a unicorn being turned into a fat milking cow, my heart bleeds.


Not so long ago, should anyone mention a “design pattern” my mind would wander off to plotting Scottish kilts and Polka dots, but the more I deal with and scale real-life interfaces, the more convinced I become that these principles not only have their place in front-end development, but should…


So you have an app or component library that you have created without create-react-app and you want to unit test it using Cypress. I had to go through some hassle to get that working with a custom webpack configuration, but it’s finally working, and here is my solution.

1. Install Cypress

npm install…


Illustration Credit: Careerfoundry

I think state machines are a great fit for front-end development and they have been a part of my toolkit for over a year now. There are great FSM implementations out there, such as xstate and Robot, and they work well with React applications at scale, making complex user flows…


If you are maintaining multiple React libraries that cross-depend on each other, things tend to get cumbersome: you need to publish a new release of each library then pull the latest release everywhere it’s used. …


Technologies and standards powering the web are evolving fast, allowing us to do more with less and to achieve stunning user experience and performance with minimal investment of time and resources. If you are starting a new project today, you can leverage such great tools as Gatsby and Next backed…


Create a New Project Modal by Paul Flavius Nechita

As developers we spend a good chunk of our time building forms, devising validation strategies and ensuring consistency of submitted data. Forms are a hot topic among the UI/UX folk, who write countless articles dissecting the perfect form field, discussing its anatomical structure and meticulously documenting its behavior. Developers however…


Image borrowed from this article

Working with Redux is not always pleasant. It’s a great tool for certain use cases, but for an average app it can become a bottleneck, as it bloats up the code base and drains developer time for simplest of changes. Maintaining a Redux app is not as easy as you…


I have recently started working with finite state machines, while rethinking our checkout funnel implementation. I must admit I am really fascinated with how well state machines are suited for front-end engineering. …


I have written recently about DIY popup elements in React. Let’s use that knowledge to create a reusable React tooltips using function components and React hooks.

Let’s start by creating a simple hook that will allow us to toggle visibility of an element.

As you can see, in this…

Ismayil Khayredinov

Full-stack developer, passionate about front-end frameworks, design systems and UX.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store