Frontend Study Group

Oct 1, 2024

@Braden MacDonald

Vite vs Webpack

Slides: https://docs.google.com/presentation/d/1NqIfnGmy2PtLhc0Bqqux4ORJcltc1AcGr_XAWceFVpY/edit?usp=sharing

Recording: https://drive.google.com/file/d/1mGm-n_zwEuuEdSU_0m5u0G9eSNZzpAXk/view?usp=sharing

Sep 10, 2024

@David Joy

OEP-65 and frontend-base

Aug 20, 2024

@Adam Stankiewicz

Integrating third-party services into MFEs (logging, analytics)

• Using env.config to override loggingService, analyticsService, etc.

• Injecting vendor-specific HTML attributes on individual UI elements

• [clarification] loadExternalScripts during MFE initialization (source)

https://drive.google.com/file/d/1jwV1I4czxw8HH41JDES6suNmUe_F65ih/view?usp=sharing

Jul 30, 2024

@Braden MacDonald

TypeScript in Open edX

Recording
Slides

May 28, 2024

@Adam Stankiewicz

Scaling Paragon design system styles with design tokens and CSS variables

Slides

Recording

Apr 16, 2024

@David Joy

OEP-65

Recording

Mar 5, 2024

@Jason Wesson @Braden MacDonald

Frontend Plugin Share-out

• Course Authoring MFE - UI Plugins

• Frontend Plugin Framework library

• Communications MFE - Dynamic Plugins

Recording (Transcript)

Comments Log

January 23rd, 2024

@Adam Stankiewicz

Code splitting in React.

Improving frontend performance with code splitting in React

https://drive.google.com/file/d/18BECQBH56F8fRoQ0nMjtRrgQT1SL4e9L/view?usp=sharing

December 12, 2023

@Brian Smith

Github Actions (Slides)
Open edX .github directory

https://drive.google.com/open?id=1UzqZ2v-sNIE5rD-PcCi_PTg6V3WRCibk

December 5, 2023

@Pedro Martello

Piral

https://drive.google.com/file/d/1l8upjHIAz9YHJ6i55mtR38f6KTUjQDXt/view?usp=sharing

October 31, 2023

@Jeff Witt (Deactivated)

WCAG 2.2 Requirements

https://drive.google.com/file/d/1DW8lyzcI1Save39JE9IzIKO6mr9MpwnA/view?usp=sharing

September 19, 2023

@Jesper Hodge

Everything about client-side/server-side rendering (Next.js)

Video link: https://drive.google.com/file/d/1ZOlApBJs3asKzsnnG-PAyy41XO1lDd_-/view?usp=sharing

August 8, 2023

@Max Frank

Headings headings headings! — hN tags, when and how to use them

Follow along doc: https://openedx.atlassian.net/l/cp/JAmq0Css

Video link: https://drive.google.com/file/d/1b5znmSLAE-5u4F64K69DGC3lbWEww5KR/view?usp=sharing

Transcript: https://drive.google.com/file/d/1MVVa5f6KbrkHbtoNW8qjFVX2HZ0eISuY/view?usp=sharing