typeless

typeless

  • Docs
  • API
  • Github

โ€บUsing typeless

Introduction

  • Quick Start
  • Motivation
  • Examples
  • Starters Kits
  • Roadmap

Using typeless

  • HMR
  • Code-Splitting

API Reference

  • createModule
  • createSelector
  • useActions
  • useMappedState
  • useSelector
  • ChainedReducer
  • Epic
  • Handle
  • Rx

API Reference (router)

  • createUseRouter
  • RouterActions
  • getRouterState
  • Link

API Reference (form)

  • createForm
  • FormActions

HMR

To enable Hot Module Replacement, you must wrap your root app with <Hmr> and invoke startHmr() in module.hot.accept.
There is no need for methods like replaceReducer or replaceEpic. Everything is updated automatically!
Check Basic HMR for full working example.

Example

// src/index.tsx
import React from 'react';
import ReactDOM from 'react-dom';
import { Hmr, startHmr, DefaultTypelessProvider } from 'typeless';

const MOUNT_NODE = document.getElementById('app');

const render = () => {
  const App = require('./components/App').App;
  ReactDOM.unmountComponentAtNode(MOUNT_NODE);
  ReactDOM.render(
    <Hmr> // ๐Ÿ‘ˆ
      <DefaultTypelessProvider>
        <App />
      </DefaultTypelessProvider>
    </Hmr>,
    MOUNT_NODE
  );
};

if (module.hot) {
  module.hot.accept('./components/App', () => {
    // ๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡
    startHmr();
    render()
  });
}
render();
โ† RoadmapCode-Splitting โ†’
typeless
Docs
Getting StartedAPI Reference
Community
Spectrum
More
GitHub
Copyright ยฉ 2020 ลukasz Sentkiewicz