A proof of concept implementation and demo of a layout animation system which utilizes native CSS layout and special React elements. This project was initially discussed and released at React Boston 2017.
ResizeObserver
API is Chrome Canary with the experimental web apis flag turned on.ResizeObserver
but not its corresponding spec so there is a chance that this behavior will eventually be removed and break this demo.Clone the repository and navigate to the root directory of the project and install the dependencies like so:
$ npm install
To run the project execute:
$ npm run start
and navigate to localhost:3000
in Chrome Canary to try out the demo.
This project was bootstrapped with create-react-app
so all npm scripts that are generated by it will also work here.