React is a great at receiving new data and rerendering components. To make this integration easier CloudCannon has developed an open source library for easy installation.
@cloudcannon/react-connector is a higher order component that listens to live editing events and passes the new props to your component.
Cloudcannon React Connector is available on npm. To install run:
Update the code in
This should make no difference to your development or production environment. Loading the site in CloudCannon’s Visual Editor and changing front matter will push new changes directly into the page props.
Any issues, please contact support or raise an issue on the GitHub repository.