Wie sollte ich eine Instanz von react-wavesurfer implementieren, die es6 nicht verwendet?

Question

Ich bin mit es6 nicht vertraut und möchte react-wavesurfer in meinem Projekt verwenden. Die Dokumentation ist hier: https://github.com/mspae/react-wavesurfer aber das Beispiel ist in es6 und ich bin mir nicht sicher, wie ich es in mehr Vanille js tun würde. IE var WaveSurfer = React.createClass etc ... jede Hilfe, wie ich dies in meinem Rails-Projekt einbetten würde, wäre sehr zu begrüßen !!

Answer 1

Ich habe habe zusammen ein Beispiel dafür, wie dies zu tun:. http://codepen.io/mspae/pen/XdaRZL

(Klicken Sie auf die Settings-Taste auf der oben rechts und dann auf JavaScript zu sehen, welche Javascript-Dateien I enthalten Die Reihenfolge ist wichtig, wenn Sie Verwenden Sie kein Modul Loader)

Beachten Sie, dass in den meisten React Beispielen in diesen Tagen - abgesehen von der grundlegenden es6 Transformation (die viele grundlegende Sprachfunktionen bringt) - gibt es auch die JSX - Transformation (die HTML - Tags in übersetzt Anrufe an React.createElement(...). Mit dem Go-to-Transpiler im Moment - babel - wird beides fast immer gemeinsam erledigt, aber die beiden Dinge funktionieren unabhängig voneinander.

Für die Differenz zwischen der es6 class MyComponent extends React.Component Syntax und der ES5 (sprich: nicht-transpiled Javascript) React.createClass({... API ist dieser Artikel sehr informativ: https://toddmotto.com/react-create-class-versus-component/

Und für Informationen, wie man ohne JSX Reagieren verwenden ich diesen Artikel empfehlen: https://www.packtpub.com/books/content/using-reactjs-without-jsx