kenhoff

class App extends React.Component {
    render() {
        return (
            <>
                <p>I would</p>
                <p>really like</p>
                <p>to render</p>
                <p>an array</p>
            </>
        );

kenhoff

class App extends React.Component {
    render() {
        return (
            <React.Fragment>
                <p>I would</p>
                <p>really like</p>
                <p>to render</p>
                <p>an array</p>
            </React.Fragment>
        );

kenhoff

class App extends React.Component {
    render() {
        return [
            <p>I would</p>,
            <p>really like</p>,
            <p>to render</p>,
            <p>an array</p>
        ];
    }
}

kenhoff

 class App extends React.Component {
    render() {
        return (
            <div>
                <p>I would</p>
                <p>really like</p>
                <p>to render</p>
                <p>an array</p>
            </div>
        );

kenhoff

  Failed to compile.

    ./src/App.js
    Syntax error: Adjacent JSX elements must be wrapped in an enclosing tag (6:8)

        4 |         return (<p>I would
        5 |         </p>
        6 |         <p>
          |         ^
        7 |             really like

kenhoff

class App extends React.Component {
    render() {
        return (
            <p>I would</p>
            <p>really like</p>
            <p>to render</p>
            <p>an array</p>
        );
    }
}

kenhoff

<!-- this SVG is the "clipping mask" - the waveform bars -->
<svg height="0" width="0">
    <defs>
         <clipPath id="waveform-mask"></clipPath>
    </defs>
</svg>

kenhoff

let audioCtx = new(window.AudioContext || window.webkitAudioContext)();
 
axios({url: "/car-talk.mp3", responseType: "arraybuffer"})
    .then(response => {
        var audioData = response.data;
    
        audioCtx.decodeAudioData(audioData, buffer => {
            decodedAudioData = buffer.getChannelData(0);
            console.log(decodedAudioData);
        });

kenhoff

Float32Array(143669376) 
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, -0.000030517578125, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, …]

kenhoff

0.28 0.20 0.20 0.21 0.26 0.18 0.18 0.18 0.18 0.17 
0.18 0.19 0.18 0.18 0.18 0.18 0.24 0.23 0.25 0.23 
0.28 0.19 0.29 0.27 0.20 0.22 0.22 0.21 0.18 0.22 
0.25 0.24 0.17 0.20 0.34 0.26 0.27 0.23 0.19 0.14 
0.26 0.22 0.22 0.24 0.25 0.24 0.21 0.18 0.25 0.25 
0.21 0.28 0.23 0.34 0.23 0.17 0.23 0.24 0.23 0.27 
0.22 0.24 0.25 0.24 0.23 0.14 0.33 0.28 0.17 0.23 
0.27 0.30 0.24 0.23 0.17 0.20 0.27 0.22 0.22 0.21 
0.25 0.21 0.24 0.24 0.26 0.21 0.21 0.16 0.23 0.22 
0.28 0.22 0.28 0.24 0.29 0.25 0.21 0.27 0.20 0.20