Skip to content

Instantly share code, notes, and snippets.

import React from 'react';
import ReactDOM from 'react-dom';
document.addEventListener('DOMContentLoaded', function(){
class Buttons extends React.Component {
constructor(props){
super(props);
let generatedTexts = [];
import React from 'react';
import ReactDOM from 'react-dom';
document.addEventListener('DOMContentLoaded', function(){
class MyCheckbox extends React.Component {
constructor(props){
super(props);
this.state = {
isOn : false,
import React from 'react';
import ReactDOM from 'react-dom';
document.addEventListener('DOMContentLoaded', function(){
class ShopItem extends React.Component {
onBuyButtonClick = () => {
if ( typeof this.props.onBuy === 'function' ){
this.props.onBuy( this.props.title );
}
};
import React from 'react';
import ReactDOM from 'react-dom';
document.addEventListener('DOMContentLoaded', function(){
class ButtonToClick extends React.Component {
handleButtonClick = () => {
if ( typeof this.props.onClick === 'function' ){
this.props.onClick();
}
};
import React from 'react';
import ReactDOM from 'react-dom';
document.addEventListener('DOMContentLoaded', function(){
class CrazyDiv extends React.Component {
constructor(props){
super(props);
this.state = {
left : '0',
import React from 'react';
import ReactDOM from 'react-dom';
document.addEventListener('DOMContentLoaded', function(){
class Nonsense extends React.Component {
constructor(props){
super(props);
this.state = {
buttonsText : 'Klik!',
import React from 'react';
import ReactDOM from 'react-dom';
document.addEventListener('DOMContentLoaded', function(){
class ShowInfo extends React.Component {
render() {
return <h1>{ this.props.info }</h1>;
}
}
import React from 'react';
import ReactDOM from 'react-dom';
document.addEventListener('DOMContentLoaded', function(){
class TrafficLights extends React.Component {
constructor(props) {
super(props);
this.state = {
import React from 'react';
import ReactDOM from 'react-dom';
document.addEventListener('DOMContentLoaded', function(){
class StrobeLight extends React.Component {
constructor(props) {
super(props);
this.state = {
import React from 'react';
import ReactDOM from 'react-dom';
document.addEventListener('DOMContentLoaded', function(){
class TextTyper extends React.Component {
constructor(props){
super(props);
this.state = {