Though not to discount them entirely, the purpose of this blogpost is to highlight the downsides of React Hooks. Hooks are glorified for their simplicity and ease of reusability, but they don’t come without a price. I haven’t added any code examples, but my intention is to pinpoint potential problems…

If you’ve used react for any length of time you know how easy it is to get started creating components and interfaces for your personal projects. The issues start to arise however, when you start working in teams or creating components or APIs that other developers can use. …

When learning React Hooks, it seems like black magic. How the heck does useState retains its value? Over time, some learn the hook incantations to get stuff done. Even fewer eventually understand how hooks actually work. But before then, it’s so easy to make a mess with React Hooks. In…

React is a declarative and component-based library and it handles one thing only and that is UI. React has evolved a lot. Each new addition in React is eclipsing the previous popular counter-part. Function components are more popular and encouraged than class-based components. React Context is encouraged in place of…

1. Adding console logs to render expressions — If you wanna log the props to an expression style component but can’t be bothered to convert it, put the log in parentheses then add chopsticks ||: Note. you have to use the or operator because console.log returns undefined. 2. Trace a function’s call with the Error object If you’ve no idea where a function’s being called from, log…

Here are some of the antipatterns most commonly seen in React applications and how to fix them. These antipatterns will make your codebase a nightmare to work with if you’re don’t learn to recognize and prevent them at their early stages. Putting everything in Redux Redux is awesome. It optimizes performance behind the scenes…

The movement from class components approach to functional components approach has brought about many advantages for React developers. With the introduction of Hooks, we are now able to combine the same logic between renders, it makes the code look cleaner and improves legibility. …

See how React Clean Architecture helps to write Clean, Structured, Modularized and Best Coding Practices for React Developers. Hello Developers! Many of us use various design patterns with React Development to make React Apps more clean, clearly understandable, and more structured. But still we are facing issues with coding standards…

React Hooks make our life so much better in almost every way. But the minute performance becomes an issue, things get slightly tricky. You can write blazing fast applications using Hooks, but before you do that, there are a thing or two that you should be aware of. Should you memoize? React is…