React components are so fucking stupid, it's unbelievable. 3 months with this library version 15 and the glaring stupidity of the API just keeps coming in waves. Fixing some of this stuff – just for the sake of internal consistency – would have been so simple. The number of hoops you're required to jump through for trivial shit. Ugh.

unfuckReact.js

const mounted = new WeakSet()

export default (component, displayName = component.displayName || component.name || 'React.Component') => {
  const host = {
    [displayName] : class extends React.Component {
      constructor(){
        this.state = {}
        
        component.apply(this, arguments)
      }
      
      setState(partial, callback){
        this.state = Object.assign({}, this.state, typeof partial === 'function' ? partial(this.state, this.props) : partial)
        
        callback()
      }
      
      componentDidMount(){
        this.setState = React.Component.prototype.setState
        
        if(component.prototype.componentDidMount)
          return component.prototype.componentDidMount.apply(this, arguments)
      }
      
      render(){
        if(!component.prototype.render)
          return this.props.children || []
        
        const output = component.prototype.render.apply(this, arguments)
        
        if(this.props.key && output.key === null)
          output.key = key
      }
    }
  }
  
  return host[displayName];
}

React is pure trash. Use svelte

React is the best evidence I have for the existence of evil

Hello, dear people who once commented this gist.
This is a friendly reminder to touch grass and drink water.

Don't touch grass, it's full of allergens.

After working with React for 5 months my conclusion is:

React to the frontend is like PHP to the backend.