Topics 10/22/2024
Letโs drum up some ideas for upcoming study group sessions! Below is a template that can be used for adding additional topics. If you see a topic you are interested in learning about, please put your name down where indicated (or just an X if you want to remain anonymous). And the same goes for those who may be interested in hosting/presenting a session.
Template
<Topic-Name-Here>
<Optional description>
I want to learn about this
<add name here or just put an X โ one person per line>
I can present about this
<add name here โ one person per line, there can be multiple presenters>
Topics
frontend-plugin-framework
Demo an example plugin setup(s) and provide high-level breakdown. (repo)
I want to learn about this
Chintan Joshi
I can present about this
Max Frank
ย
frontend-platformโs initialize.js
This file is well documented in the code as well as in the JSDoc page but perhaps a walk through of the documentation could be beneficial. NOTE: perhaps this should be broken up to go more in depth on each section
I want to learn about this
I can present about this
Backend-for-Frontend pattern
Creating a dedicated backend for a specific frontend application
I want to learn about this
@Max Frank
I can present about this
<add name here or just put an X โ one person per line>
Paragon General Usage
Introduction to using component libraries and general component usage
I want to learn about this
<add name here or just put an X โ one person per line>
I can present about this
@Max Frank
Best Practices for adding/migrating to Typescript
How to go from JS Open edX MFE to a TS Open edX MFE walkthrough with steps and examples
I want to learn about this
@Katrina Nguyen
@Hina Khadim
I can present about this
@Marlon Keating
Converting Legacy Code to MFE
LMS FE code and Django templates into MFEs
I want to learn about this
<add name here or just put an X โ one person per line>
I can present about this
<add name here โ one person per line, there can be multiple presenters>
FE Testing
React testing library and other tools as well as best practices when using them within Open edX frontend applications
I want to learn about this
@Max Frank
I can present about this
@Braden MacDonald
Devtools
React devtools as well as other tabs (Network/Console/Sources/Elements) and how to use them effectively
I want to learn about this
@Max Frank
@Braden MacDonald
I can present about this
<add name here โ one person per line, there can be multiple presenters>
Brainstorm
Ideas
FE testing (ie. React testing library) +
How to mock test data
semantic-release +
MFEs - General build process and guidelines
Observability tools (ie. Segment, NewRelic, DataDog) +
React Redux patterns and tools
Backend-For-Frontend API pattern + + +
Going from UI design to Code design (ie. wire-framing)
Figma in Devmode?
Github Actions
Using
frontend-template-application
repo to set up a new MFEAccessibility and a11y tools
aria-* attributes +
Deprecation and code removal of FE components in Open edX
Feature-based application organization +
Changing to a theme/brand
JavaScript based configuration
Publishing and maintaining an npm package
Eslint +
General usage and setting eslint configs
Paragon
Introduction to Paragon components and general usage + +
React Developer tools +
how to debug
using the various tabs (Network/Console/Sources/Elements)
Typescript +
How to use our existing TS infrastructure +
Best practices for adding/migrating to TS + +
Converting legacy code to React + +