How would you like to be a bad guy? Some evil genius of frontend development who can write seemingly innocent code, which will pass all the tests and code reviews, but will cause the actual app to behave weird. Some random data pops up here and there, search results don’t…

Have you tried recently to wrap your head around what’s the latest on data fetching in React? I tried. Almost lost my mind in the process. The chaos of endless data management libraries, GraphQL or not GraphQL, recent React 18 & useEffect scandal, useEffect is evil since it causes waterfalls…

When I look back at just one year ago, I can’t believe it was real. It was the middle of Australia’s toughest covid lockdown with no hope or end in sight, everyone in Sydney was on a 5 km leash, and I was preparing to yet again turn my life…

Do you agree that everything was better in the good old days? Cats were fluffier, unlimited chocolate didn’t cause diabetes and in React we didn’t have to worry about re-renders: PureComponent or shouldComponentUpdate would take care of them for us. When I read comments or articles on React re-renders, the…

This is part 1 & part 2 of the full guide on React re-renders. The guide explains what are re-renders, what is necessary and unnecessary re-render, what can trigger a React component re-render. The full guide also includes the most important patterns that can help prevent re-renders and a few…

Originally published at https://www.developerway.com. The website has more articles like this 😉 In one of the previous articles about React composition, I showed an example of how to improve performance of a component with heavy state operations by passing other components to it as children instead of rendering them directly…

Originally published at https://www.developerway.com. The website has more articles like this 😉 If you’re not completely new to React, you’re probably already at least familiar with useMemo and useCallback hooks. And if you work on a medium to large-scale application, chances are you can describe some parts of your app…

Originally published at https://www.developerway.com. The website has more articles like this 😉 How to structure React apps “the right way” seems to be a hot topic for as long as React existed. React’s official opinion on it is that it “doesn’t have opinions”. This is great, it gives us total…

Originally published at https://www.developerway.com. The website has more articles like this 😉 React “key” attribute is probably one of the most “autopilot” used features in React 😅 Who among us honestly can say that they use it because of “…some valid reasons”, rather than “because eslint rule complained at me”…