#168 Audio visualisation with the Web Audio API and React
sponsor
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
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.
newsletters
Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.