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)

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

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

Braden MacDonald
October 22, 2024
Braden MacDonald
October 22, 2024

Teams are already using TypeScript, React Query, etc. in various MFEs but I see people still committing new stuff using Redux + plain JavaScript, so I guess we need help getting the word out!