Musical keyboard component written in React.

react components piano piano-keyboard pianoforte music instrument musical-keyboard keyboard midi

TheoryOfNekomata 2daa01d6f6 Improve performance Add memoization to expensive pure functions because the library involves a lot of computation under the hood.		4年前
.storybook	Initial commit	4年前
src	Improve performance	4年前
.editorconfig	Initial commit	4年前
.gitignore	Update storybook	4年前
.npmignore	Update dependency list	4年前
.prettierrc	Initial commit	4年前
LICENSE	Initial commit	4年前
README.md	Initial commit	4年前
package.json	Improve performance	4年前
tsconfig.json	Initial commit	4年前
yarn.lock	Improve performance	4年前

README.md

Musical Keyboard

Musical keyboard component written in React.

Installation

yarn add @theoryofnekomata/react-musical-keyboard

Usage

import * as React from 'react'
import ReactDOM from 'react-dom'
import Keyboard from '@theoryofnekomata/react-musical-keyboard'

const App = () => {
  return (
    <div>
      <Keyboard startKey={21} endKey={108}/>
    </div>
  )
}

const container = window.document.createElement('div')

ReactDOM.render(<App />, container)

window.document.body.appendChild(container)

License

MIT. See License file for details.