1.1.64 • Published 8 years ago

react-render-async v1.1.64

Weekly downloads
4
License
ISC
Repository
github
Last release
8 years ago

React render async

Return a promise in the render function which resolves to a component. That component can also return a promise that resolves to a component and so on.

Install

npm install --save react-render-async
import asyncrify from "react-render-async";

// wrap your existing component export with this function

asyncrify(Component);

Use

import React, { Component } from 'react';
import asyncrify from 'react-render-async';

class Header extends Component {
  render() {
    return new Promise(resolve => {
      setTimeout(() => {
        resolve(
          <h2>Hello, Async!</h2>
        );
      }, 5000);
    });
  }
}

const AsyncHeader = asyncrify(Header);

class Loader extends Component {
  render() {
    return (
      <div>Loading...</div>
    );
  }
}

class App extends Component {
  render() {
    return <AsyncHeader loadingComponent={Loader} />;
  }
}

Try

  • Clone this repo
  • cd into it
  • npm install
  • cd example
  • npm install
  • cd ..
  • npm start
1.1.64

8 years ago

1.1.63

8 years ago

1.1.62

8 years ago

1.1.61

8 years ago

1.1.60

8 years ago

1.1.59

8 years ago

1.1.58

8 years ago

1.1.57

8 years ago

1.1.56

8 years ago

1.1.55

8 years ago

1.1.54

8 years ago

1.1.53

8 years ago

1.1.52

8 years ago

1.1.51

8 years ago

1.1.50

8 years ago

1.1.49

8 years ago

1.1.48

8 years ago

1.1.47

8 years ago

1.1.46

8 years ago

1.1.45

8 years ago

1.1.44

8 years ago

1.1.43

8 years ago

1.1.42

8 years ago

1.1.41

8 years ago

1.1.40

8 years ago

1.1.39

8 years ago

1.1.38

8 years ago

1.1.37

8 years ago

1.1.36

8 years ago

1.1.35

8 years ago

1.1.34

8 years ago

1.1.33

8 years ago

1.1.32

8 years ago

1.1.31

8 years ago

1.1.30

8 years ago

1.1.29

8 years ago

1.1.28

8 years ago

1.1.27

8 years ago

1.1.26

8 years ago

1.1.25

8 years ago

1.1.24

8 years ago

1.1.23

8 years ago

1.1.22

8 years ago

1.1.21

8 years ago

1.1.20

8 years ago

1.1.19

8 years ago

1.1.18

8 years ago

1.1.17

8 years ago

1.1.16

8 years ago

1.1.15

8 years ago

1.1.14

8 years ago

1.1.13

8 years ago

1.1.12

8 years ago

1.1.11

8 years ago

1.1.10

8 years ago

1.1.9

8 years ago

1.1.8

8 years ago

1.1.7

8 years ago

1.1.6

8 years ago

1.1.5

8 years ago

1.1.4

8 years ago

1.1.3

8 years ago

1.1.2

8 years ago

1.1.1

8 years ago

1.1.0

8 years ago

1.0.0

8 years ago