2018-06-14 Meeting Notes

Date

14 Jun 2018

Agenda

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