The goal of this document is to track available topics for the Frontend Study group.

Things with 3+ votes

• MFEs - General build process and guidelines ++++

• Piral ++++

• (Ben W) Backend-For-Frontend API pattern. Translation layer between complex backends and frontend++++

• (Ben W) Data in react apps (redux, context, react-query, component state) + + + +

  • What do we need? Where does it come from? Where do we put it? How do we manage it?

• (Brian S) GitHub Actions - so the CI isn’t a mystery ++++

  • Specific ones that are active

  • How we configure general ones to push across the ecosystem

  • General FAQ

• (Kira) Frontend Interviews - what tools to use (excalidraw), best practices, and considerations for edX SWE interviews ++++

  • collaborative portion as well

  • “what other FE type questions are worth using?”

  • Defining/establishing rubrics

• (@Jeff Witt ) A11y + +

• (Brian S) Using frontend-template-application to make a new MFE + ++

• webpack +++

Things I want to know about

• semantic-release

• webpack +++

• MFEs - General build process and guidelines ++++

• Typescript ++

• Piral ++++

• Observability tools

  • Hotjar

  • Segment +

  • New Relic +

• runtime config +

• commercetools frontend/Frontastic ++

Things I could present about

• (Ben W) React Redux patterns and tools +

• (Ben W) Backend-For-Frontend API pattern. Translation layer between complex backends and frontend++++

• (Ben W) Going from UI design to Code design +

  • Wire-framing - what actual components do we need?

• (Ben W) Data in react apps (redux, context, react-query, component state) - + + + +

  • What do we need? Where does it come from? Where do we put it? How do we manage it?

• (Jesper) Experience with integrating React into legacy projects++

• (Brian S) GitHub Actions - so the CI isn’t a mystery + +++

• (Brian S) Using frontend-template-application to make a new MFE + ++

• (Kira) Frontend Interviews - what tools to use (excalidraw), best practices, and considerations for edX SWE interviews +++

  • collaborative portion as well

  • “what other FE type questions are worth using?”

  • Defining/establishing rubrics

• (@Jeff Witt or @Kira Miller ) WCAG 2.2 is done +

• (@Jeff Witt ) A11y + +

  • Drag and Drop the new (WCAG 2.2) way

  • Profile settings cool people love

  • Low-vision testing with zoom, magnification etc.

  • Mobile a11y testing

  • Audio Description for video – what and when?

  • Dynamic Type support how-to

  • Label all the (right) things! +

  • Keyboard access middle and edge cases

  • A11y and data – tables and DataVis

  • Personas review and tools hands-on

  • LearnerBot (Playwright-based course content review tool) tour

  • What Axe-core and ARC Toolkit won’t catch

  • Our new 2U-wide accessibility monitoring tools

  • CPACC, WAS, and Trusted Tester certifications overview

  • Text legibility all the way down

  • Aria-live – the new standard behavior + +

  • equal-access from IBM vs. axe-core vs. ARC Toolkit vs. ??

  • Core page design / structure assumptions for accessible MFEs

  • TinyMCE extras you might not notice

• (Max F) Observability tools

Existing presentations to repeat

• React hook and component testing +

• How are MFEs built, configured, and deployed

• React hooks - custom and common +

• Figma for engineers

• Patterns with react hooks and context (as opposed to redux)

• Replacing Enzyme for react testing

• React-query and Typescript

• Frontend Platform and Frontend Build - Internal tools for UI devs +

Existing presentations to update

• React hook and component testing

• How are MFEs built, configured, and deployed

• React hooks - custom and common

• Figma for engineers

• Patterns with react hooks and context (as opposed to redux)

• Replacing Enzyme for react testing

• React-query and Typescript

• Frontend Platform and Frontend Build - Internal tools for UI devs