chore(react): export createRemoteComponent and related utils

[2heal1]

Description

• Remove createRemoteComponent and createRemoteSSRComponent from modern.js
• Rename createRemoteComponent to createRemoteAppComponent in bridge
• export createRemoteComponent and related utils from @module-federation/bridge-react
• Rename createRemoteComponent to createLazyComponent in modern.js

For csr, users can import the apis from @module-federation/bridge-react directly:

import { registerPlugins  } from '@module-federation/enhanced/runtime';
import * as runtime from '@module-federation/enhanced/runtime';
import { createLazyComponent, injectDataFetch, autoFetchDataPlugin, ERROR_TYPE, type DataFetchParams } from '@module-federation/bridge-react';


// init manually
registerPlugins([autoFetchDataPlugin]);
injectDataFetch();

const List = createLazyComponent({
  // note: this is required!
  runtime,
  loader: () => {
    return import('remote/List');
  },
  loading: 'loading...',
  export: 'default',
  fallback: ({error,errorType,dataFetchMapKey}) => {
    console.error(error)
    if(errorType === ERROR_TYPE.LOAD_REMOTE){
      return <div>load remote failed</div>
    }
    if(errorType === ERROR_TYPE.DATA_FETCH){
      return <div>data fetch failed, the dataFetchMapKey key is: {dataFetchMapKey}</div>
    }
    return <div>error type is unknown</div>;
  },
});

const Index = (): JSX.Element => {
  return (
    <div>
      <h1>Basic usage with data fetch</h1>
      <List />
    </div>
  );
};

But for ssr, it still need to run in modern.js

Related Issue

Types of changes

• Docs change / refactoring / dependency upgrade
• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)

Checklist

• I have added tests to cover my changes.
• All new and existing tests passed.
• I have updated the documentation.

[changeset-bot]

🦋 Changeset detected

Latest commit: eb0d1dc

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 32 packages

Name	Type
@module-federation/bridge-react	Major
@module-federation/modern-js	Major
@module-federation/bridge-vue3	Major
remote5	Patch
@module-federation/runtime	Major
@module-federation/enhanced	Major
@module-federation/rspack	Major
@module-federation/webpack-bundler-runtime	Major
@module-federation/sdk	Major
@module-federation/runtime-tools	Major
@module-federation/managers	Major
@module-federation/manifest	Major
@module-federation/dts-plugin	Major
@module-federation/third-party-dts-extractor	Major
@module-federation/devtools	Major
@module-federation/bridge-shared	Major
@module-federation/bridge-react-webpack-plugin	Major
@module-federation/retry-plugin	Major
@module-federation/data-prefetch	Major
@module-federation/rsbuild-plugin	Major
@module-federation/error-codes	Major
@module-federation/inject-external-runtime-core-plugin	Major
@module-federation/runtime-core	Major
create-module-federation	Major
@module-federation/cli	Major
@module-federation/nextjs-mf	Patch
@module-federation/node	Patch
@module-federation/storybook-addon	Major
@module-federation/modernjsapp	Patch
@module-federation/esbuild	Patch
@module-federation/utilities	Patch
website-new	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[netlify]

✅ Deploy Preview for module-federation-docs ready!

Name	Link
🔨 Latest commit	eb0d1dc
🔍 Latest deploy log	https://app.netlify.com/projects/module-federation-docs/deploys/68527f426d9a0d0008d2f4a4
😎 Deploy Preview	https://deploy-preview-3847--module-federation-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[zhoushaw]

Consider using rslib