Topics 10/10/2023
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