React

It’s not so straightforward for larger codebases — Vite made some noise in the frontend community. Downloads on npm quadrupled in the last year and it keeps gaining in popularity. The first thing you read about Vite on their website is that their means “quick” in French. Vite promises a significant increase in performance, so how does…

ReactJS is a powerful library that can help you create component-based user interfaces. But, like any other library, it has its own set of anti-patterns that you should avoid when using React. In this article, we’ll look at some common mistakes in ReactJS and how to fix them! Mixing logic with markup Mixing logic…

I was recently working on a project where I had to conditionally add fields to a form and allow users to add more fields on the fly as they need them. At first, it appeared to be difficult and like the lazy developer I am, I googled to see if…

Modularity Modularity is a key concepts in software development. Being able to extend an application without modifying it, is the holy grail of many developers. A way to reach this quest is to use the plugin architecture. Developers are used to the concept of SOLID principles at an atomic level with…

Contexts are a powerful tool in the ecosystem of React. They are widely used to share data across the component tree without passing it as props through every component. From my experience with various codebases, some contexts are misdesigned and tend to violate consistency patterns. Inconsistently designed units cause dead…

From builders to builders — StandOut is the first app that helps projects show off their work every day/week/month. We know many projects that have a weekly summary of their activities on Twitter like even the MultiversX team ⬇️

React’s useEffect hook has indeed made life a lot easier. But there are times when you would most certainly miss the fine-grained control class-based components give you over a component’s lifecycle. One such time is when you want to perform a side effect when a component’s state changes. Of course…

What is Chakra-UI? Chakra UI is a modular component library that contains a simple API which gives the ability to make apps without having to worry about building the components themselves. It uses Emotion for styling and customization, allowing developers to style inside the details with style props. …