Anatomy of a Micro Front-End

Owned by Kira Miller

Apr 26, 2022

Meta

Date: April 26, 2022 10:30 am UTC+1, Room -115

Presenter: Fox Danger Piacenti, OpenCraft

MFE - What is it?

Self Contained, a way to customize Open edX

Core MFE Technologies

React, frontend templating and reactive components
Redux, state management library
Paragon, accessibly component library

Messages

id - what is in the
defaultMessage - what the users see that use this language
description - context that is provided to the translator contractor to tell the use

Following along

Create template locally here https://github.com/openedx/frontend-template-application/blob/master/docs/decisions/0002-feature-based-application-organization.rst
Consult blog post here https://opencraft.com/blog/building-your-own-micro-front-end-for-open-edx/

Providence

We are attempting to phase out redux and replace with a green new tool - Providenc
Can check out like the providence branch in https://github.com/open-craft/demo-mfe