Anatomy of a Micro Front-End

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 frontend-template-application/docs/decisions/0002-feature-based-application-organization.rst at master · openedx/frontend-template-application

• Consult blog post here Your Own Micro Front End for Open edX - OpenCraft

Providence

• We are attempting to phase out redux and replace with a green new tool - Providenc

• Can check out like the providence branch in GitHub - open-craft/demo-mfe: A demonstration MFE made for a blog post.