Guide
Config
Plugin
API
Tutorials
Community
Guide
Config
Plugin
API
Tutorials
Community

App.[tj]sx

The entry identifier when using Self-controlled Routing in the application.

App.[tj]sx is not the actual application entry; Modern.js will automatically generate the real entry file, which is roughly as follows:

// runtime-global-context
import { setGlobalContext } from '@modern-js/runtime/context';
import App from '@_modern_js_src/App';

setGlobalContext({
  App,
});

// index.tsx
import './runtime-global-context';
import { createRoot } from '@modern-js/runtime/react';
import { render } from '@modern-js/runtime/browser';

const ModernRoot = createRoot();

render(<ModernRoot />, 'root');

When createRoot is executed, it will retrieve the registered Global App and generate the actual React component.

NOTE

In scenarios with multiple entry points, each entry can have its own independent App.[jt]sx. For more details, see Entry Points.