Mohammed Alhaddar moalhaddar

Motivation

When transitioning the monolith web app into micro-frontends using module federation, i was confused about the entire concept behind lazy loading and importing components.

You have different variations of how you could load the remote's exposed modules.

Using ESM dynamic imports

    useEffect(() => {

	import React, { useState } from "react"
	import { Form, FormControl } from "react-bootstrap"



	export const useFormField = (type) => {
	const [form, setForm] = useState({ data: "", isInvalid: false, message: "" })

	const setData = (newData) => {
	setForm({