EyalPerry

import * as cdk from "@aws-cdk/core";
import * as lambda from "@aws-cdk/aws-lambda";
import * as iam from "@aws-cdk/aws-iam";
import * as sqs from "@aws-cdk/aws-sqs";
import * as s3n from "@aws-cdk/aws-s3-notifications";
import * as s3 from "@aws-cdk/aws-s3";

const queue = new sqs.Queue();
const fn = new lambda.Function();
const bucket = new s3.Bucket();

EyalPerry

function MyDiv(props: any){
  return <div>hi!</div>;
}

function Wrapper(props: any) {
  const {Wrapped, ...wrappedProps} = props;
  return <div><Wrapped {...wrappedProps} /></div>
}

<Wrapper Wrapped={MyDiv} className="so-hot" />

EyalPerry

import React {useState, useEffect} from 'react';
import {Switch, Route} from 'react-router-dom';

function Frontend({manifest}){
  
  return <iframe src={manifest.url} />
}

function App() {
 const [manifest, setManifest] = useState();

EyalPerry

export interface ColorSchemes 
{
  light: ComponentPalletes:
  dark: ComponentPalletes;
}

export interface ComponentPalletes 
{
  button: ButtonPalletes;
  ...