Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/dbartholomae/jsx-cdk
- Owner: dbartholomae
- Created: 2022-01-30T20:56:30.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-27T13:17:32.000Z (almost 2 years ago)
- Last Synced: 2024-04-15T00:16:18.556Z (9 months ago)
- Language: TypeScript
- Size: 186 KB
- Stars: 4
- Watchers: 3
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- Code of conduct: CODE_OF_CONDUCT.md
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.