react-router-dom

kotlin-wrappers

div

RBuilder.render

implementation(npm("@jetbrains/kotlin-react", "16.6.0-pre.67"))
                implementation(npm("@jetbrains/kotlin-react-dom", "16.6.0-pre.67"))

js{}

js{ browser {} }

kotlinFrontend {
    npm {
        dependency("@jetbrains/kotlin-react")
        dependency("@jetbrains/kotlin-react-dom")

        dependency("core-js", "^2.0.0")
        dependency("react", "16.8.3")
        dependency("react-dom", "16.8.3")
    }
}

kotlin-styled

background = "url('myImage.png')"

external fun <A, T1, R> compose(function1: (T1) -> R, function2: (A) -> T1): (A) -> R

external fun <S, A, R> createStore(
    reducer: Reducer<S, A>,
    preloadedState: S,
    enhancer: Enhancer<S, Action, Action, A, R>
): Store<S, A, R>

withRouter

attrs {value = js("""{"a":"b"}""")}

fun RBuilder.modal(children: RBuilder.() -> Unit) {
    createPortal(document.getElementById("modal-root")) {
        div("modal") {
            children()
        }
    }
}

kotlin-dce-js

error: duplicate target file will be created for '..../build/js/node_modules/react/index.js' and '..../build/js/node_modules/text-encoding/index.js'

kotlin("js")

id("kotlin-dce-js")

1.3.61

import {faList, faPlus} from "@fortawesome/free-solid-svg-icons";

@file:JsModule("@fortawesome/free-solid-svg-icons")
@file:JsNonModule()

import react.*

@JsName("faSyncAlt")
external val faSyncAlt: RClass<RProps>

@JsName("faPlus")
external val faPlus: RClass<RProps>

external open class Dropdown : React.Component<DropdownBaseProps /* Dropdown.DropdownBaseProps & React.HTMLProps<Dropdown> */> {

@types/react-bootstrap

override fun InputState.init() {
    // props is undefined here
}

override fun InputState.init(props: InputProps) {
   // Not called
}

// if you use this method, don't forget to pass props to the constructor first
open fun S.init(props: P) {}

@file:JsModule("react-grid-layout")
@file:JsNonModule

import kotlinext.js.Object
import react.RClass
import react.RProps

@JsName("default")
external val ReactGridLayout: RClass<GridLayoutProps>

external interface GridLayoutProps: RProps {
    var autoSize: Boolean
    var cols: Int
    var calssName: String
    var style: Object
    var draggableHandle: String
    var draggableCancel: String
    var containerPadding: Any
    var rowHeight: Int
    var maxRows: Int
    var layout: Array<IntArray>
    var margin: Array<Int>
    var isDraggable: Boolean
    var isResizable: Boolean
    var isDroppable: Boolean
    var useCSSTransforms: Boolean
    var transformScale: Int
    var verticalCompact: Boolean
    var compactType: String?
    var preventCollision: Boolean
    var droppingItem: Object
    var onLayoutChange: Any
    var onDragStart: Any
    var onDrag: Any
    var onDragStop: Any
    var onResizeStart: Any
    var onResize: Any
    var onResizeStop: Any
    var onDrop: Any
}

useEffectWithCleanup