0.4.2 • Published 1 year ago

@quilted/react-async v0.4.2

Weekly downloads
811
License
MIT
Repository
github
Last release
1 year ago

@quilted/react-async

import {useAsync} from '@quilted/react-async';

function MyComponent() {
  const result = useAsync(
    async () => {
      const response = await fetch('https://api.example.com/data');
      return response.json();
    },
    {
      server: true,
    },
  );

  if (result.pending) {
    return <LoadingSpinner />;
  }

  if (result.error) {
    return <ErrorMessage error={result.error} />;
  }

  return <DataDisplay data={result.value} />;
}
import {useAsyncModule, AsyncModule} from '@quilted/react-async';

const asyncModule = new AsyncModule(() => import('./my-module.ts'));

console.log(asyncModule.status);
console.log(asyncModule.imported);
console.log(asyncModule.reason);
console.log(asyncModule.url.href);
const loaded = await asyncModule.import();
const loaded2 = await asyncModule.promise;

function MyComponent() {
  const {moduleMethod} = useAsyncModule(asyncModule);

  return <DataDisplay data={moduleMethod()} />;
}

function MyComponent2() {
  if (asyncModule.status !== 'fulfilled') {
    return <button onClick={() => asyncModule.import()}>Load it!</button>;
  }

  const {moduleMethod} = asyncModule.imported!;

  return <DataDisplay data={moduleMethod()} />;
}
import {AsyncModule, AsyncComponent} from '@quilted/react-async';

const module = new AsyncModule(() => import('./MyComponent.tsx'));

<AsyncComponent
  module={module}
  render={({default: Component}) => <Component />}
/>;

const MyComponent = AsyncComponent.from(module, {
  renderLoading: <LoadingSpinner />,
});

<MyComponent />;
@quilted/async@quilted/react-browser@quilted/react-signals
@infinitebrahmanuniverse/nolb-_qui@everything-registry/sub-chunk-752
0.0.0-preview-20240505052051

1 year ago

0.0.0-preview-20240505052459

1 year ago

0.4.2

1 year ago

0.0.0-preview-20240505042804

1 year ago

0.0.0-preview-20240503044743

1 year ago

0.4.1

1 year ago

0.0.0-preview-20240427222732

1 year ago

0.0.0-preview-20240427222343

1 year ago

0.0.0-preview-20240427223316

1 year ago

0.0.0-preview-20240427063453

1 year ago

0.0.0-preview-20231031044205

2 years ago

0.0.0-preview-20230803052231

2 years ago

0.0.0-preview-20231031034707

2 years ago

0.0.0-preview-20231031033342

2 years ago

0.0.0-preview-20231002044327

2 years ago

0.3.50

2 years ago

0.0.0-preview-20230807213155

2 years ago

0.0.0-preview-20230807232217

2 years ago

0.3.49

2 years ago

0.0.0-preview-20231020063432

2 years ago

0.3.48

2 years ago

0.0.0-preview-20231002044947

2 years ago

0.0.0-preview-20230807215208

2 years ago

0.0.0-preview-20231031042836

2 years ago

0.4.0

2 years ago

0.0.0-preview-20231031031109

2 years ago

0.0.0-preview-20230804185657

2 years ago

0.0.0-preview-20230807214448

2 years ago

0.0.0-preview-20230807232939

2 years ago

0.0.0-preview-20231002043134

2 years ago

0.0.0-preview-20230516041656

2 years ago

0.3.47

2 years ago

0.0.0-preview-20230516033513

2 years ago

0.0.0-preview-20230321024925

2 years ago

0.3.46

2 years ago

0.3.45

2 years ago

0.0.0-preview-20230401011453

2 years ago

0.0.0-preview-20230321015245

2 years ago

0.0.0-preview-20230131014445

2 years ago

0.0.0-preview-20230205061120

2 years ago

0.3.42

2 years ago

0.3.44

2 years ago

0.3.43

2 years ago

0.0.0-preview-20230131023844

2 years ago

0.0.0-preview-20230114092353

2 years ago

0.0.0-preview-20230116235918

2 years ago

0.0.0-preview-20230116043926

2 years ago

0.0.0-preview-20230114175545

2 years ago

0.3.41

2 years ago

0.3.40

2 years ago

0.0.0-preview-20230120071507

2 years ago

0.0.0-preview-20230116035648

2 years ago

0.3.39

2 years ago

0.3.38

2 years ago

0.3.37

2 years ago

0.3.36

2 years ago

0.0.0-preview-20230119010628

2 years ago

0.0.0-update-to-native-fetch-20220624052509

3 years ago

0.3.35

3 years ago

0.3.34

3 years ago

0.3.33

3 years ago

0.3.32

3 years ago

0.0.0-update-lint-and-type-dependencies-20220623235239

3 years ago

0.3.31

3 years ago

0.0.0-stricter-typescript-20220327233127

3 years ago

0.3.30

3 years ago

0.3.29

3 years ago

0.3.28

3 years ago

0.3.27

3 years ago

0.3.26

3 years ago

0.3.25

3 years ago

0.3.24

3 years ago

0.3.23

3 years ago

0.0.0-next-20220320003651

3 years ago

0.0.0-preact-aliases-in-test-20220320003146

3 years ago

0.0.0-preact-aliases-in-test-20220320001042

3 years ago

0.0.0-preact-aliases-in-test-20220320002001

3 years ago

0.0.0-next-20220319190631

3 years ago

0.3.22

4 years ago

0.3.21

4 years ago

0.3.20

4 years ago

0.3.19

4 years ago

0.3.18

4 years ago

0.3.17

4 years ago

0.3.16

4 years ago

0.3.15

4 years ago

0.3.14

4 years ago

0.3.13

4 years ago

0.3.12

4 years ago

0.3.11

4 years ago

0.3.10

4 years ago

0.3.9

4 years ago

0.2.15

4 years ago

0.2.14

4 years ago

0.3.0

4 years ago

0.3.6

4 years ago

0.3.5

4 years ago

0.3.8

4 years ago

0.3.7

4 years ago

0.3.2

4 years ago

0.3.1

4 years ago

0.3.4

4 years ago

0.3.3

4 years ago

0.2.13

4 years ago

0.2.12

4 years ago

0.2.11

4 years ago

0.2.10

4 years ago

0.2.9

4 years ago

0.2.8

4 years ago

0.2.7

4 years ago

0.2.6

4 years ago

0.2.5

4 years ago

0.2.4

4 years ago

0.2.3

4 years ago

0.2.2

4 years ago

0.2.0

4 years ago

0.1.19

4 years ago

0.1.18

4 years ago

0.1.17

4 years ago

0.1.15

4 years ago

0.1.16

4 years ago

0.1.14

4 years ago

0.1.13

4 years ago

0.1.11

5 years ago

0.1.12

5 years ago

0.1.10

5 years ago

0.1.9

5 years ago

0.1.8

5 years ago

0.1.7

5 years ago

0.1.6

5 years ago

0.1.5

5 years ago

0.1.4

5 years ago

0.1.3

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago

0.0.19

5 years ago

0.0.18

5 years ago

0.0.16

5 years ago

0.0.17

5 years ago

0.0.12

5 years ago

0.0.13

5 years ago

0.0.14

5 years ago

0.0.15

5 years ago

0.0.10

5 years ago

0.0.11

5 years ago

0.0.9

5 years ago

0.0.8

5 years ago

0.0.7

5 years ago

0.0.6

5 years ago

0.0.5

5 years ago

0.0.4

5 years ago

0.0.3

5 years ago

0.0.2

5 years ago

0.0.1

5 years ago