#168 Audio visualisation with the Web Audio API and React


Explore the Kitchen Sink - 115+ Components for React Apps

With Ext JS you get access to the most comprehensive, fully supported JavaScript UI component library that's easily extendable to apps developed with React. View our examples to learn more or start a free trial today.

this week's favorite

Audio visualisation with the Web Audio API and React

The Web Audio API is a powerful browser API for creating, manipulating and analysing audio. I'm no musician, so I'll leave the creating and manipulating to the experts. Instead, in this post we're going look at analysing audio. To make things extra interesting, we're going to see how to visualise the audio in a React component with .

Functional Data Grid

This is a library made with React and React-Virtualized for creating rich data grids with filtering, sorting, grouping and aggregates computation. It supports virtualization, and so it can handle very large amounts of data. It features also locked columns, custom renderers, multi-column headers, columns resize, hide / show columns and variable rows height. Filtering, sorting, grouping and aggregates computation are done client-side.

Ace Full Stack Dev Interview in 30 seconds!

React is an open-source JavaScript library created by Facebook for building complex, interactive UIs in web and mobile applications. React’s core purpose is to build UI components; it is often referred to as just the “V” (View) in an “MVC” architecture.

6 Fun React Projects You Can Build Today

If you’re in the middle of trying to learn React, you have probably run into the “the gap.” You’re an intermediate beginner, and the basic tutorials are too easy now. It’s just that it’s hard to figure out what to build. Should you “go big or go home” with a comprehensive real world project?

Create React App 2.0: Babel 7, Sass, and More

While React itself doesn’t require any build dependencies, it can be challenging to write a complex app without a fast test runner, a production minifier, and a modular codebase. Since the very first release, the goal of Create React App has been to help you focus on what matters the most — your application code — and to handle build and testing setup for you.


Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.