Published inITNEXT·May 22Layout Composition Using Styled Components Without CSS-in-JSLayout composition is an emerging pattern that allows us to build truly reusable components that can adapt to various use cases that diverge so often in an evolving product design. There is a new generation of libraries, such as Radix UI, that finally allow us to use the tools functionally…Styled Components3 min readStyled Components3 min read
Published inGeek Culture·Jun 19, 2022Obituaries are dead. How to announce the demise of tech with empathyProclamations a-la “PHP is dead” and “Stop using Next.js” are littering Medium. My reaction to one of those is almost always the same: there is no merit to it and the author is just an amateur, who hasn’t been long enough to be taken seriously. Just because there are perceived…Tech Writing5 min readTech Writing5 min read
Jun 15, 2022Orchestrating and dockerizing a monorepo with Yarn 3 and TurborepoAfter a year of working on a monorepo with Yarn Workspaces and Lerna, we have learnt that Lerna is being deprecated, so we had to go back to the drawing board and come up with an alternative development pipeline for our multi-package application. Switching to Yarn 3 The newer version of Yarn ships with…Monorepo6 min readMonorepo6 min read
Published inITNEXT·Jan 9, 2022Accessibility as a design patternWe often think of accessibility as something that requires extra development effort, treating it as a good-to-have feature, aimed at a small subset of users with special needs. But such line of thinking misses the mark and we fail to appreciate how accessibility standards can improve our day-to-day experiences with…Accessibility7 min readAccessibility7 min read
Sep 9, 2021I quit Medium Partner Program in protestIt was never about the money, and when I see a unicorn being turned into a fat milking cow, my heart bleeds. The new Medium experience sucks. Under the pretence of surfacing authors, they turned it into another scroll app. I used to always have something to read, now I…Medium2 min readMedium2 min read
Published inITNEXT·May 2, 2021Improving design systems with SOLID principles. Part I: Separation of ConcernsNot 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…Design Systems7 min readDesign Systems7 min read
Feb 15, 2021Unit testing React components in Cypress without CRA and react-scriptsSo 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…React2 min readReact2 min read
Published inJavaScript in Plain English·Feb 13, 2021Rethinking State Machines in ReactI 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…React5 min readReact5 min read
Nov 28, 2020Symlinking React libraries for local developmentIf 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. …Hmr3 min readHmr3 min read
Published inITNEXT·Oct 17, 2020Modularizing the bundle: iterating legacy apps towards modern webTechnologies 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…Javascript Tips21 min readJavascript Tips21 min read
