Issue 219 - The best of React in 2020 (16)

Reactochart: Chart Components by Spotify — We have featured a number of charting libraries in the past but it’s always interesting to see what a well-known brand like Spotify has on offer (and this set is mature and has been around a while). The documentation is good, with each type of chart (line, bar, pie, histograph, heatmaps, and more) illustrated with its own demo.

Stream Announced the Public v2.0 Availability of Their React Native SDK — The React Native Chat SDK v2.0 is fully TypeScripted, based on React hooks and revised for performance improvements.

The Ugly Side of React Hooks — We cover hooks a lot, mostly in a positive light, so we were intrigued to find an article dedicated to the other side of the argument. From the comments, though, clearly not everybody agrees with the author’s assertions. Game on.

Stop Mocking fetch — Why you shouldn’t mock fetch or your API clients in your tests and what to consider instead.

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.

Recoil: An Exprimental State Management Library for React — Interesting not only because it comes from Facebook, but because there’s a pretty good 20 minute talk about it and it follows the latest React standards out of the box.

React Folder Structure in 5 Steps — A walkthrough of how to structure large React apps into folders and files so you can manage them for the long term. There’s no single right way to do it, but Robin shares his approach here.

RedwoodJS: Bringing Full-Stack to the JAMstack — A new, opinionated framework that combines React, GraphQL, Prisma2, and lots more out of the box. Notably it comes from Tom Preston-Werner, one of the original founders of GitHub and the creator of Gravatar.

React Query 1.0: Hooks for Fetching, Caching and Updating Data — Hooks that help you keep your server cache state separate from your global state and let you read and update everything asychronously. Unopinionated and interoperable with any data fetching strategy including REST, GraphQL, and streaming-based APIs – can even lean on Suspense for ‘Fetch-As-You-Render’ prefetching. There’s a lot to enjoy here.

The Key React Libraries to Use in 2020 — A curated and comprehensive list of the key React libraries worth using as of 2020. Even if you disagree with some choices, I’ve always found such lists useful to peruse.

Craft.js: A React Framework for Building Drag and Drop Page Editors — It’s a bold move to make the landing page for your project be a text editor itself, but I like it :-)

Tried & True Tips from 24 React Experts to Make You More Productive — Get invaluable, practical productivity tips from React and JavaScript experts on how to excel in React. Read on.

React Hook Form: Simple, Extensible React Form Validation — It’s not just an interesting project, but it has one of the best project homepages I’ve seen too, complete with code comparisons with similar libraries. GitHub repo.

React Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.

Find A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers.