sw-yx / react-classless

an experiment taking Ryan Florence's reactions/component api and running with it

This is a Typescript clone of Ryan Florence's @reactions/component library.

Example usage:

import * as React from 'react';
import './App.css';

import { Component, SetState } from './components/index';

class App extends React.Component {
  public render() {
    return (
      <div className="App">
        <header className="App-header">
          <Component
            initialState={{ test: 'hi' }}
            didMount={({ setState }) => setTimeout(() => setState({ test: 'typescript react' }), 3000)}
          >
            {({ state }) => <div> hello {state.test}</div>}
          </Component>
        </header>
      </div>
    );
  }
}

export default App;

---

created with help from : https://medium.com/@stokedbits/adventures-in-creating-a-react-component-library-with-create-react-app-and-typescript-26d1116a7d87

react-classless's Issues

typescript resource

https://levelup.gitconnected.com/ultimate-react-component-patterns-with-typescript-2-8-82990c516935

issues

DComponent's internal rendering is rendering the wrong state. no idea why