The React Developer Tools is awesome part of React.js developer experience when digging into unknown code bases — or your own after a while. But sometimes it just fails and displays your component names as <Unknown>. Why? Let’s go through the different components types to see how the name is…

Pure render optimized React components can be extremely performant but it requires users to treat their data as immutable for it to work properly. Unfortunately due to nature of Javascript it can be quite challenging sometimes. tl;dr. The anti-pattern is creating new arrays, objects, functions or any other new identities…

Gonna move my blog from http://esa-matti.suuronen.org/ to here. I should put a notice there but don’t remember how to build it. It’s an old ruby-gem-jekyll-octopress-hack. And now some testing. Here’s some code const Hello = ({name}) => ( <div>Hello {name}</div> ); Works but indenting seems to be super hard… A picture That was easier.