Versions Compared

Version Old Version 4 New Version Current
Changes made by

Katrina Nguyen

Braden MacDonald

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Backend-for-Frontend pattern

Creating a dedicated backend for a specific frontend application

  • I want to learn about this

  • 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

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

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

Devtools

React devtools as well as other tabs (Network/Console/Sources/Elements) and how to use them effectively

  • I want to learn about this

  • 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

  • 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 + +