Issue 192 - Common mistakes when creating React components (7) clear filters

React Error Handling and Reporting with Error Boundary and Sentry — The concept of an error boundary is colourfully described as putting “a fence around a component to keep any fire…from getting out”. When used in combination with Sentry can deliver a much improved end user experience through real-time error reporting. This shows you how.

Five Common Mistakes When Writing React Components — We quite often find doing something wrong the first time is more instructive that doing it right and being none the wiser. The next best thing is to closely examine how somebody else did it wrong and learning from their mistakes instead of our own.

Consuming REST APIs in React with Fetch and Axios — While there are a number of ways of going about it, this tutorial focuses on Axios and Fetch as the primary means of consuming REST APIs. It’s instructive but also may convince you that it’s a superior approach to the alternatives.

Renature: A Physics-Based Animation Library for React Inspired by the Natural World — There’s so much about this project we like: first, they start with physics (always good in any sort of animation) but then take their inspiration from nature. Biomimicry is increasingly being called upon to help us mere humans design better products and systems. It’s early days for this project we’ll be keeping...

Material Kit React: A Material-UI Kit to Kickstart your Material-Inspired Project — Google’s Material is getting a lot of attention and quite a bit of traction. Here’s a free Material-UI kit developed with create-react-app which will kickstart your Material development efforts and comes complete with three fully-coded illustrative examples.

React-Slideshow: Simple Presentation of Images With a Variety of Effects — There is always another creative way of presenting images and we like this one for its simplicity and clean design. It can be used as-is or as a jumping off point for your own efforts. The demo clearly illustrates its capabilities.

React Date Picker: A Simple and Reusable Date-Picker Component — We want to ensure we’re meeting our monthly date picker/calendar component quota early 😂 This is a mature option that has had a few new releases recently.