micro_frontend.jsx

//file 1

import React from 'react';

function MyMicrofrontend() {
  return (
    <div>
      <h1>Welcome to my micro frontend!</h1>
      <p>This is a simple micro frontend implemented with ReactJS.</p>
    </div>
  );
}

function MyApp() {
  return (
    <div>
      <h1>Welcome to my host application!</h1>
      <p>This is the host application that will integrate our micro frontend.</p>
      <hr />
      <MyMicrofrontend />
    </div>
  );
}

export default MyApp;



//file 2
import React from 'react';
import MyApp from './MyApp';

function App() {
  return (
    <div>
      <MyApp />
    </div>
  );
}

export default App;