Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dbartholomae/jsx-cdk

Experiments around writing CDK in JSX
https://github.com/dbartholomae/jsx-cdk

Last synced: about 1 month ago
JSON representation

Experiments around writing CDK in JSX

Awesome Lists containing this project

README

        

# jsx-cdk

[![npm version](https://badge.fury.io/js/jsx-cdk.svg)](https://npmjs.org/package/jsx-cdk)
[![downloads](https://img.shields.io/npm/dw/jsx-cdk.svg)](https://npmjs.org/package/jsx-cdk)
[![open issues](https://img.shields.io/github/issues-raw/dbartholomae/jsx-cdk.svg)](https://github.com/dbartholomae/jsx-cdk/issues)
[![build status](https://github.com/dbartholomae/jsx-cdk/workflows/Build%20and%20deploy/badge.svg?branch=main)](https://github.com/dbartholomae/jsx-cdk/actions?query=workflow%3A"Build+and+deploy")
[![codecov](https://codecov.io/gh/dbartholomae/jsx-cdk/branch/main/graph/badge.svg)](https://codecov.io/gh/dbartholomae/jsx-cdk)
[![dependency status](https://david-dm.org/dbartholomae/jsx-cdk.svg?theme=shields.io)](https://david-dm.org/dbartholomae/jsx-cdk)
[![devDependency status](https://david-dm.org/dbartholomae/jsx-cdk/dev-status.svg)](https://david-dm.org/dbartholomae/jsx-cdk?type=dev)

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

Generate AWS CDK infrastructure with a React-like syntax.

## Usage

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

const CdkExampleStack = (props: StackProps) => {
return (



);
};

void attachToApp(
,
new App()
);
```

## Documentation

There's a [documentation](https://dbartholomae.github.io/jsx-cdk) of all elements you can use.