2023-06-08 Frontend Working Group Meeting Notes

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

@Adam Stankiewicz

Context: https://github.com/openedx/paragon/pull/1929

General how-to documentation: https://github.com/openedx/frontend-platform/blob/0c73b5b3fc2aaf72acc51c34085f1e885d3df930/docs/how_tos/theming.md

[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: https://github.com/openedx/frontend-build/pull/365

frontend-platform PR: https://github.com/openedx/frontend-platform/pull/440

frontend-app-profile demo: https://github.com/openedx/frontend-app-profile/pull/764/

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.