react-hot-loader/root#hot TypeScript Examples

The following examples show how to use react-hot-loader/root#hot. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.

Example #1

Source File: editor.tsx From utopia with MIT License

6 votes

HotRoot: React.FunctionComponent<{
  api: UtopiaStoreAPI
  useStore: UtopiaStoreHook
  canvasStore: UtopiaStoreAPI & UtopiaStoreHook
  inspectorStore: UtopiaStoreAPI & UtopiaStoreHook
  spyCollector: UiJsxCanvasContextData
  domWalkerMutableState: DomWalkerMutableStateData
}> = hot(({ api, useStore, canvasStore, inspectorStore, spyCollector, domWalkerMutableState }) => {
  return (
    <EditorRoot
      api={api}
      useStore={useStore}
      spyCollector={spyCollector}
      canvasStore={canvasStore}
      inspectorStore={inspectorStore}
      domWalkerMutableState={domWalkerMutableState}
    />
  )
})

Example #2

Source File: Demo.tsx From leda with MIT License

5 votes

Demo = hot(() => (
  <L.Div style={{ color: 'black' }} _wrapper>
    {/*<Navigation />*/}
    <L.Div _container>
      <L.Div _row _demoMainTitle _noGutters>
        <L.H1 _colMd12>Demo sandbox</L.H1>
        <L.P _colMd12>
          Специально созданная страница для тестирования компонентов, дебага и написания кода
        </L.P>
      </L.Div>
      <HTMLTags />
      <A />
      <AutoComplete />
      <Button />
      <ButtonGroup />
      <CheckBox />
      <Collapse />
      <Collapsible />
      <Currency />
      <DateTimePicker />
      <DateTimeRange />
      <DatePicker />
      <DateRange />
      <Div />
      <Dl />
      <DropDown />
      <DropDownLink />
      <DropDownSelect />
      <DropZone />
      <FileDrop />
      <FileUpload />
      <Input />
      <LedaProvider />
      <Loader />
      <MaskedInput />
      <Modal />
      <MultiSelect />
      <Notifications />
      <NumericRange />
      <NumericTextBox />
      <Pagination />
      <Password />
      <ProgressBar />
      <Radio />
      <Rating />
      <Slider />
      <StatusBar />
      <StickyPanel />
      <Switcher />
      <Table />
      <Tabs />
      <Tags />
      <Textarea />
      <TimePicker />
      <TimeRange />
      <Tooltip />
      <Tour />
      <Validation />
      <VStepper />
    </L.Div>
  </L.Div>
))

Example #3

Source File: index.tsx From nebula-studio with Apache License 2.0

5 votes

HotPageRoot = hot(PageRoot)