2023-06-08 Frontend Working Group Meeting Notes

[demo] Loading external Paragon theme CSS via @edx/frontend-platform

@Adam Stankiewicz

Context: docs: design tokens ADR by adamstankiewicz · Pull Request #1929 · openedx/paragon

General how-to documentation: frontend-platform/docs/how_tos/theming.md at 0c73b5b3fc2aaf72acc51c34085f1e885d3df930 · openedx/frontend-platform

[draft] Migration documentation: Migrating MFEs to Paragon design tokens and CSS variables

@edx/paragon@alpha release: https://www.npmjs.com/package/@edx/paragon/v/alpha

frontend-build PR: feat: expose `PARAGON` as a global variable by adamstankiewicz · Pull Request #365 · openedx/frontend-build

frontend-platform PR: feat: adds support for loading external theme CSS for MFEs by adamstankiewicz · Pull Request #440 · openedx/frontend-platform

frontend-app-profile demo: [do not merge] DEMO: design tokens and CSS variables by adamstankiewicz · Pull Request #764 · openedx/frontend-app-profile

Notes:

• This is a breaking change: users of the new version of Paragon cannot not use design tokens/CSS variables. A migration strategy will need to be discussed.

• There was some discussion around dark mode: should we have a defaultLight and defaultDark setting?

• How about other a11y concerns? We should consult an accessibility expert.

Enzyme Replacement

@Ben Warzeski (Deactivated)

[Draft] Replacing Enzyme for React Testing - 2u-internal docs
[Draft] Replacing Enzyme for React Testing - Openedx docs

https://github.com/muselesscreator/frontend-lib-react - Personal repo until final version is published

frontend-platform i18n

@Adolfo Brandes

Calling out a Slack thread on how to internationalize frontend-platform properly (including how to break its dependency on paragon)

Learner Dashboard in Palm (experimentally)

@Adolfo Brandes

• https://github.com/openedx/frontend-app-learner-dashboard/pull/136

• https://github.com/openedx/frontend-app-learner-dashboard/pull/153

Pact.io presentation

@Adolfo Brandes

I encourage folks to watch last meeting’s excellent presentation on Pact.io, given by @Dawoud Sheraz.