interfaces
Symphony uses React to render interfaces.
When you create a function, Symphony generates a base template inside the interfaces/ directory corresponding to the name of the function.
convert.py
convert-py.tsx
.env
package.json
convert-py.tsx
1import * as React from "react";
2
3interface Request {
4  value: number;
5}
6export function Request({ props }: { props: Request }) {
7  return <div className="json">{JSON.stringify(props, null, 2)}</div>;
8}
9
10interface Response {
11  value: number;
12}
13export function Response({ props }: { props: Response }) {
14  return <div className="json">{JSON.stringify(props, null, 2)}</div>;
15}
By default, the base template displays the contents of SymphonyRequest and SymphonyResponse. However, you can redesign the interfaces the same way you would in React and see a live preview in the client as you make changes.
Need Help?
Hop into our Discord community for some friendly chats and support around our projects. We would love to have you on board and hear your thoughts!
Join us on Discord