...
Frontend Study Group meets every three weeks on Tuesdays at 2pm, on rotation with the Python and Architecture Study Groups.
Date | Topic | Presenter | Notes | |||||
---|---|---|---|---|---|---|---|---|
Oct 10October 8, 2023 | Bundle/code splitting [Adam] Unless someone else wants to present a topic sooner! | TBD | Aug 29, 2023 | Using TypeScript with | Video | |||
September 19, 2023 | Everything about client-side/server-side rendering (Next.js) | Video link: https://drive.google.com/file/d/1OsdEpq1ZOlApBJs3asKzsnnG-PAyy41XO1lDd_ghHpONnDCSZ54966pTwKwzTZ4-/view?usp=sharing | ||||||
Aug 8, 2023 | Headings ( | Follow along doc: https://openedx.atlassian.net/l/cp/AxUAXnsp
Transcript: https://drive.google.com/file/d/1MVVa5f6KbrkHbtoNW8qjFVX2HZ0eISuY/view?usp=sharing | ||||||
June 27, 2023 | Solution for replacing enzyme | |||||||
Oct 5, 2021 | Unit testing React Redux | follow-along doc: https://docs.google.com/document/d/1wqGhHSd3XH-487ut6squxwc_jbMQTqpPa3oBaw14-tk/edit# Companion Respository: https://github.com/muselesscreator/ui-testing-playground/ | ||||||
frontend-platform | Recording: https://drive.google.com/file/d/19cChcSOhptcMxTYQ2ef1Hx7XGPhjU4-g/view frontend-platform docs site: https://edx.github.io/frontend-platform/ frontend-platform repository: https://github.com/edx/frontend-platform | |||||||
| Webpack and frontend-build | Recording: https://drive.google.com/file/d/1wdxq3KgD4KfO7mCW-YCHB29wJbjixoa1/view Companion repository: https://github.com/davidjoy/webpack-5-examples You’ll need to run | ||||||
| How to design with Figma | |||||||
3/30/2021 | Testing React Components | |||||||
3/9/2021 | Building Components | |||||||
2/16/2021 | ||||||||
1/26/2021 | Development in Paragon | Developer onboarding for Paragon. How to get the Paragon workbench running, where code lives, how to create a new component. | ||||||
1/5/2021 | ||||||||
11/3/2020 | Webpack 5 | |||||||
10/13/2020 | ||||||||
9/22/2020 | Screen reader, voice input, magnifier user experience | |||||||
9/1/2020 | CSS-in-JS | |||||||
8/11/2020 | Frontend Testing Guide | Let's use this time to collaboratively write a frontend testing guide for the organization! HOMEWORK: Bring one thing you think should go in the guide. | ||||||
7/21/2020 | How to use Accessibility Insights for Web browser extension for pre-checkin automated and manual testing. | https://chrome.google.com/webstore/detail/accessibility-insights-fo/pbjjkligggfmakdaogkfomddhfmpjeni | ||||||
6/9/2020 | WCAG 2.2 Updates | https://docs.google.com/document/d/1ma9_qx2ASQ7FRqVYjq93nyFA11ZuE8ILUo5_RNjdMrY/edit?usp=sharing | ||||||
5/19/2020 | Hooks?¿🤮😋 | |||||||
4/28/2020 | Algolia | Can we also talk about some more backendy Algolia stuff in here? 30 mins on each? | ||||||
4/7/2020 | Accessible responsive tables | https://docs.google.com/presentation/d/1kudQZhFeKzSbgSZa2VKQVPZ-JCKNk3a2wHb861tx93Q/edit?usp=sharing | ||||||
3/17/2020 | Web Components | |||||||
3/3/2020 | "I Don't Like Hooks, But I Want To Be Wrong", or, "Hooks?" | |||||||
2/4/2020 | React Accessibility | |||||||
1/21/2020 | Pagination Component Discussion | |||||||
1/7/2020 | Render Props | |||||||
12/10/2019 | React Suspense | |||||||
11/26/2019 | Controlled vs uncontrolled components | |||||||
10/15/2019 | Text rendering and scaling | |||||||
9/3/2019 | Frontend Payment Code Review | Code Review > will send link out soon | ||||||
8/6/2019 | React Hooks | |||||||
6/25/2019 | Real World I18n | |||||||
6/11/2019 | Css Grid | |||||||
5/28/2019 | Reducing Redux Boilerplate: reduxsauce & MFE folder structures | |||||||
5/14/2019 | Reconciling state and props in React Leveraging HTML forms in a React application | Not a link: Controlled/uncontrolled components and forms, componentWillReceiveProps, getDerivedStateFromProps, selector libraries, redux state... what do I do here!? Starter repo we'll work through: https://github.com/abutterworth/using-forms | ||||||
4/2/2019 | GatsbyJS | |||||||
3/19/2019 | WCAG 2.1 | |||||||
3/5/2019 | Unit tests - the best documentation! | |||||||
2/19/2019 | Bootstrap | https://github.com/abutterworth/bootstrap-exercise https://getbootstrap.com/docs/4.3/getting-started/introduction/ | ||||||
2/5/2019 | Webpack | |||||||
1/8/2019 | Walkthrough of React/Redux | |||||||
12/11/2018 | CSS (styling) | |||||||
11/27/2018 | jq | https://stedolan.github.io/jq/ https://github.com/inventhouse/tutorials/tree/master/FE-SG-jq | ||||||
11/13/2018 | Semantics & Page Structure | |||||||
10/30/2018 | Images and text alternatives | |||||||
10/2/2018 | ES6 | |||||||
9/18/2018 | Keyboard access & focus management | |||||||
9/4/2018 | Equality and Type Coercion |
...