2023-06-08 Frontend Working Group Meeting Notes

 Date

Jun 8, 2023

 Participants

  • Host: @Adolfo Brandes

  • @Adam Stankiewicz

  • @Ben Warzeski (Deactivated)

  • @Fox Piacenti

  • @Jesper Hodge

  • @Max Frank

  • Yagnesh Nayi

  • @Jason Wesson

  • Milad

  • @Pedro Martello

  • @Brian Smith

  • @Jeremy Bowman (Deactivated)

  • @Maria Grimaldi

  • @David Joy (Deactivated)

Recording

Please be advised: Frontend Working Group meetings are recorded.

 Discussion topics

Time

Item

Presenter

Notes

Time

Item

Presenter

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: npm: @edx/paragon

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

GitHub - muselesscreator/react-unit-test-utils: React component building and testing utils for a post Enzyme world. - 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

 

Pact.io presentation

@Adolfo Brandes

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

 Action items

 Decisions