|
36 | 36 |
|
37 | 37 | 👉 [Usage](#usage) | [API](#api) | [Setup](#setup) | [SSR](#ssr) | [CCS](#css) [Concurrent loading](#concurrent-loading) | [Webpack/Parcel](#bundler-integration) |
38 | 38 |
|
39 | | -| Library | Suspense | SSR | Hooks | Library | Non-modules | import(`./${value}`) | |
40 | | -| ------------- | :-----: | :-----: | :-----: | :-----: | :-----: | :-----: | |
41 | | -| React.lazy|✅|❌|❌|❌|❌| |
42 | | -| react-loadable | ✅| ✅| ❌| ❌| ✅| ❌ | |
43 | | -| @loadable/component | ✅| ✅| ❌| ✅| ❌ | ✅ | |
44 | | -| imported-component |✅| ✅| ✅| ✅| ✅ | ❌ | |
| 39 | +| Library | Suspense | SSR | Hooks | Library | Non-modules | import(`./${value}`) | babel-macro | webpack only | |
| 40 | +| ------------- | :-----: | :-----: | :-----: | :-----: | :-----: | :-----: | :-----: | :-----: | |
| 41 | +| React.lazy|✅|❌|❌|❌|❌|❌|😹| |
| 42 | +| react-loadable | ✅| ✅| ❌| ❌| ✅| ❌ |❌|😿| |
| 43 | +| @loadable/component | ✅| ✅| ❌| ✅| ❌ | ✅ |❌|😿| |
| 44 | +| imported-component |✅| ✅| ✅| ✅| ✅ | ❌ | ✅ |😸| |
45 | 45 |
|
46 | | -> Read more abotu [what this table displays](#comparisonLegend) |
| 46 | +> Read more about [what this table displays](#comparisonLegend) |
47 | 47 |
|
48 | 48 | Key features: |
49 | 49 | - 1️⃣ Single source of truth - your __bundler drives__ everything |
@@ -717,13 +717,15 @@ If React-Hot-Loader is detected `lazy` switches to `imported async` mode, this b |
717 | 717 |
|
718 | 718 | <a name="comparisonLegend" /> |
719 | 719 | ### Comparison table legend |
720 | | -- Library - the library name |
721 | | -- Suspense - does it support Suspense feature |
722 | | -- SSR - does it support SSR |
723 | | -- Hooks - does it have hooks API |
724 | | -- Library - does it support _library_, not Component level splitting |
725 | | -- Non-modules - could it "import" generic promise, not a real dynamic module import |
726 | | -- import(`./${value}`) - does it support a full dynamic import |
| 720 | +- `Library` - the library name |
| 721 | +- `Suspense` - does it support Suspense feature |
| 722 | +- `SSR` - does it support SSR |
| 723 | +- `Hooks` - does it have hooks API |
| 724 | +- `Library` - does it support _library_, not Component level splitting |
| 725 | +- `Non-modules` - could it "import" generic promise, not a real dynamic module import |
| 726 | +- `import('./${value}')` - does it support a _full dynamic import_ - ability to import any file. |
| 727 | +- `babel macro` - ability to work with babel-plugin-macros |
| 728 | +- `webpack only` - is this solution hard bould to webpack |
727 | 729 |
|
728 | 730 | ## Other loaders |
729 | 731 | Another loaders exists, and the only difference is in API, and how they manage (or not manage) SSR. |
|
0 commit comments