...
| Time | Item | Who | Notes |
|---|---|---|---|
| 10 min | Status | Everyone | |
| 5 min | Issue review | Everyone | |
| 10 min | Post-conference wrapup | Ari, George, Tyler, Doug | We'll share frontend-y learnings & findings from the conference. |
| 10 min | Paragon - Children vs Props, let's make a decision | Farhanah, Adam, Everyone | We've had recurring discussions about whether we should redo Paragon components to be similar to reactstrap so that it's children based instead of what we have mostly that is prop based (Modal - header/body/footer). Since it's come up multiple times and we haven't made a decision as a group, let's do that.  Example of child based https://reactstrap.github.io/components/modals/ Example of prop based https://github.com/edx/paragon/tree/master/src/Modal |
| 1 min | Pagination component | Adam | Quick demo of Pagination component in Paragon. |
| 36 seconds | Surge.sh | Adam | Using Surge.sh and why it's useful. |
| 15 min | Paragon brainstorming session | Everyone | What are some components or capabilities that you think Paragon needs? This will be a fast-n-loose brainstorming sesh. Anything goes! |
| 2 min | Cross-team code reviews | Everyone | Some teams only have 1 Front End developer. Let's discuss the best way forward for code reviews in this case. |
Notes
Paragon Children vs. Props
- What should we do with new components?
- Example pagination: internal logic is handled by children
- Validating component class (for props)
- Hard, but not impossible
- Strings vs. string-or-element
- GENERAL RULE, not hard and fast: For structured/required child components, use props. For unstructured content, use children
- Todo: add to README
Cross Team Code Reviews
- @edx/fedx-team alias kind of works
- @team in the fedx room also kind of works
- Frontend "escalations"?
- Can the ownership thing address this?
- Can we just ping other people on our delivery teams, even if they aren't frontend folks?
Paragon Nice to Haves
- TreeView
- Tooltip
- Accordion
- Consistent READMEs
- New component generator
- Typeahead
- Sample page with multiple components
- Style guide
- Demo themeability
- A better "npm link" to enable embedding in-progress components into other projects
- lank
- npm prepare
- Layout components?
- If Paragon is a design system, yes
- Breadcrumbs
- Thumbnails
- ProgressBar
- VideoPlayer
- Graphs
- Pie chart
- Victory library
- a11y
- NavBars
- DropZone
- All of the npm packages we use?
- Datepicker
- Timepicker
- i18n stuff (is this Paragon or something else?)
- Colorpicker
- Bump Font Awesome to the new-shiny
- And everyone loads FA (and other fonts?) via Paragon
- Sectionable dropdown
- PDFViewer
- XBlockRenderer
- Errors-in-general
- General Banner
- Waiting and progress icons
- Skeleton states