jsx-cdk

This is a proof-of-concept, not a production-ready solution.

Generate AWS CDK infrastructure with a React-like syntax.

Usage

/* @jsx h */
import h, { attachToApp, Stack, Queue } from "jsx-cdk";
import { App, Duration, StackProps } from "aws-cdk-lib";

const CdkExampleStack = (props: StackProps) => {
  return (
    <Stack {...props}>
      <Queue key="CdkExampleQueue" visibilityTimeout={Duration.seconds(300)} />
    </Stack>
  );
};

void attachToApp(
  <CdkExampleStack
    env={{ account: "111111111", region: "eu-central-1" }}
    key="CdkExampleStack"
  />,
  new App()
);

Documentation

There's a documentation of all elements you can use.