This is a quick starter kit to get you up and running with Mason immediately. Mason features are meant to be built as discrete components and deployed into your existing codebase. If you don't have a codebase to start with, then this is for you.
Clone the repository
Use Git to clone this repo to your local machine.
$ git clone https://github.com/trymason/react-quickstart
$ cd react-quickstart
Install dependencies and open
This will open your project at http://localhost:3000
$ yarn install
$ yarn start
Open src/App.js and paste in your API key and project ID
Replace these values with your API Key and Project ID
Paste in your components where you want them.
Look for "<Canvas>" and replace the demo component with your own.
Save and take a look in your browser. That's it!
Paste one or many Mason components onto the page (there's a demo Canvas already deployed for you as an example).
Questions? Feedback? Send us an email at hello@trymason.com.