React Charts is a straightforward set of declarative React chart components created by 

. We love that it is opinionated and only contains X/Y charts. A quote from their website :

“We believe data visualization is all about

to your users, and not about building new and"exciting" methods of indirection or "art" for them to ponder and decipher. To that end, React Charts only supports X/Y chart layouts and

purposefully does not have support for pie charts, radar charts, or other circular nonsense.

This library is almost entirely maintained by one person. This is not an easy feat, and Tanner deserves a lot of credit for what he’s accomplished with 

 where you can ask questions, get help, and talk about issues.

React Charts

Beautiful, flexible, highly-performant charts for React

Choosing the right charting library for your React project is daunting. If your project has a lot of data visualization, then there is a lot riding on the library that you pick from the start. You don’t want to invest hours of dev time, only to realize that you should have selected a different library!

What’s more, you don’t have unlimited time to try every charting library out there. That’s why I’ll be sharing our pick of the best React Charting Libraries in 2023. We’ll narrow the field so that you can get coding faster.

 would be a clear contender for the top spot. So it makes sense that 

GitHub stars (5.5k) and monthly downloads (3.1M/month) aren't the only factors that we consider when picking our favorite library. 

 is one of the most well-maintained libraries. Even though it only has a 

 of contributors making updates and fixing bugs

We love how focused and easy it is to get started with this library. And you'll still have the option for more complex chart customizations. It has 

 that show a variety of use cases. So you'll be able to check if 

 is right for your project. Combine this with its great community and well-maintained repo. It’s easy to see why we’ve picked 

D3.js has been around forever. It is one of the most robust libraries when it comes to visualizing data with JavaScript. 

 provides a rich set of dataviz React components, built on top of D3. Co-created by 

 is very well-maintained with a fair number of issues closed every month. Even though it is open-source and community-maintained, it has many backers through its 

. This is a big positive for the library because it means that organizations are invested in its’ longer-term maintenance.

 could have easily made it to the top spot in our list. It has 

a large list of charting and data visualization components

. Their example pages even allow you to play around with component properties and see the effects in real-time. It has a high amount of GitHub stars (10.7k) and is frequently used (1.4M downloads per month). Ultimately, deciding to use 

 will come down to the specific needs of your React project.

 is arguably the most popular React charting library. It has 4.6M downloads per month and 19.2k GitHub stars. It has a large community of 224 contributors and a group of core maintainers called the 

. This means that you can expect more frequent bug fixes and new releases.

 has also taken a more declarative approach. This makes their components very readable and easy to get started with. But, some may not prefer this approach as it could be considered more rigid and inflexible.

If you are looking for a chart library for your React application, you should always consider 

. It is the largest and most popular React-based charting library today. Unfortunately, that comes with some detriments. 

 currently has 464 open issues. This could be because of the way they manage their GitHub issues. But, it is a significant number compared to other libraries like 

 (92). Being such a large and popular open-source codebase means that updates and bug fixes may not come as quickly or often. Yet, it has been around for a long time as well, which means that it is likely more stable.

 has built some of the most popular JavaScript libraries in recent years. This includes Victory. Formidable has been around for a while. They have some notable clients including Microsoft, Google, and Starbucks. Victory has beautiful and unique chart designs out-of-the-box. Check then out in their 

The Best React Charting Libraries in 2023

Zach is a Senior Engineering Manager at Nx. This course is hosted by Fireship.io and is free to try. For the $20 price tag, it's well worth the value.

This course is intermediate level and expects some experience with React, JavaScript, and general web development. It is fast-paced and similar to my style on YouTube, but far more in-depth and with hands on projects and quizzes.

React Supabase Full Course by Zack DeRose

It's always great to see alternatives and competitors when it comes to backend platform services. PocketBase is a great alternative for projects that require a real-time database, authentication, file storage, or admin dashboard but doesn't need the bloat of a large backend.

It's worth noting that PocketBase is maintained by one author. It does have 19 contributors and 17k GitHub stars at the time of this writing though.

PocketBase

PocketBase - A tiny open-source alternative to Firebase

Web-inspired props for accessibility, styles, and events

React Native 0.71 Released

If you're a React nerd like us (and we assume that you are since you're here), then check out this trailer for the real story behind the rise of React.js!

During the proliferation of JavaScript libraries in the 2010s, I remember first hearing about this new library called React from Facebook. And then all of a sudden, it was everywhere. In the span of 3 years, I went from working on jQuery apps to Angular apps to React apps. And since jQuery, React has been the longest-standing library in my developer toolkit.

I'll definitely be staying tuned to watch this documentary when it drops!

These days, React is everywhere – even the Honeypot team uses it! But were you paying attention a decade ago when React was first open-sourced? The JavaScript community didn’t just have a bad reaction, they couldn’t believe this project had any future. And boy howdy did the conversation get snarky. If it wasn't for a small group of passionate developers at (what was then) Facebook, React might not have seen the light of day. In this documentary, we’ll take you back to the origins, right to the moment when 'Rethinking Best Practices' got real. We'll show you how React went from 'indie-rebel alliance project' to the most popular UI framework in the world. Hear the story from the star engineers who were there to see all the twists and turns. A thrill-filled roller coaster or an atmospheric slow burn? Only our documentary will tell. React.js: The Documentary will premiere on this channel in February 2023. Sign up here if you want to be notified: 

React.js: The Documentary [OFFICIAL TRAILER]

A talk from the React Brussels conference about an alternative to the useEffect hook in React. The talk is by David Khourshid from https://stately.ai.

Slightly controversion if you read the comments (but when have YouTube comments ever been uncontroversial?). It's also important to know that David is the founder of 

, which is the solution that he is presenting.

In either case, our recommendation is to watch the talk and come to your own conclusions!

Goodbye, useEffect - David Khourshid

The official update on the breaking changes from the Next.js team.

Here are some shortcuts to the changes covered in the blog post:

 Up to 700x faster Rust-based Webpack replacement.

 Faster with native browser lazy loading.

 Automatic self-hosted fonts with zero layout shift.

Next.js 13 and the pages directory are stable and ready for production. Update today by running:

Geoff Chan