Hands down console.log() was, is and will always be the greatest debugging tool of all time. React team launched a new version of the React Dev Tools (v4) a few weeks ago and it’s fantabulous. …

This article is also cross-posted in - DEV — Cache Busting a React App TL;DR — SemVer your app and generate a meta.json file on each build that won't be cached by the browser. Invalidate cache and hard reload the app when there's a version mismatch. Note: The examples and…

This article is also cross-posted in - DEV — Cache Busting a React App TL;DR — SemVer your app and generate a meta.json file on each build that won't be cached by the browser. Invalidate cache and hard reload the app when there's a version mismatch. Note: The examples and…

TL;DR — Wrap your custom hook in a component and shallow render it to test implementation details. React test strategies — user observable behaviour vs implementation details Testing custom hooks with Enzyme Test Strategies There are broadly two strategies to test our React codebase. Testing user observable behaviour Testing implementation details Testing user observable behaviour Testing…

Gatsby is all the rage now, thanks to the amazing team behind the fancy and easy-to-use framework. I’m not going to go into the details of why you should use Gatsby if you’re building a static website. There are a ton of posts out there that say just that. Here’s…

TL;DR — You can render viewport specific components in React with a one-liner React is awesome and the whole world agrees to it unanimously. Development is a whole lot faster and easier when we look at everything as components. Since everything is JavaScript driven, React renders only the code that…

TL;DR — You can render viewport specific components in React with a one-liner React is awesome and the whole world agrees to it unanimously. Development is a whole lot faster and easier when we look at everything as components. Since everything is JavaScript driven, React renders only the code that…

TL;DR — You can render browser specific content in React with a one-liner. Have you ever wanted to put up a banner for all your IE users and ask them to try your site in Chrome/Firefox? With RenderInBrowser component you can render content specific to browsers. As promised in my…

TL;DR — You can render browser specific content in React with a one-liner. Have you ever wanted to put up a banner for all your IE users and ask them to try your site in Chrome/Firefox? With RenderInBrowser component you can render content specific to browsers. As promised in my…