Integrating with React

With first class support in the Caliper SDK, working with React could not be easier. Create a new extension (q2 create_extension). Choose Client Side Rendered. At this point you will be presented with a choice Integrate with React.

After the appropriate packages have been downloaded and built, you will have a working React extension! This will automatically have samples of:

• Integrating with Tecton

• A react context variable for passing around Tecton capabilities

• React Data Bindings

• React Hooks

• Multi-page Routing (Using react-router’s HashRouter)

• Displaying a Q2 Online Banking modal using Tecton

• Communication with the Python backend

• An appropriate build/dev command in the package.json file for working in a Q2 load balanced datacenter environment

Happy Reacting!