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>

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
- Glib Glugovskiy
- Chintan Joshi
- Adolfo Brandes
- Adam Stankiewicz
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
- David Joy
- Adam Stankiewicz

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 MFE
Accessibility and a11y tools
- aria-* attributes +
Deprecation and code removal of FE components in Open edX
- https://open-edx-proposals.readthedocs.io/en/latest/processes/oep-0021-proc-deprecation.html
Feature-based application organization +
- https://github.com/openedx/frontend-template-application/blob/master/docs/decisions/0002-feature-based-application-organization.rst
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 + +