21st of June

• Core
  • Will have a huge release soon, changing a lot (about 90% done)
  • core-global-css will go away (it caused more pain than joy)
  • core-utilitie-css will go away (use tokens instead)
  • The stack of libraries will be rebranded as builders-tokens, builders-icons, and so on, so you can start using them gradually.
  • Tokens to be renamed and restructured for the better
  • Many components rewritten, many as compound components
• Platform
  • Tracking can now be customized in some of the parts, directly from the CMS
  • A new A/B-test component exists, that can be used from the CMS. Co-written by Sales and Builders. Beautiful example on how we can move things forward, together.
• CSS - the second class citizen?
  • Over time, larger CSS-files tend to become exponentially more complex.
  • Usually, giving some extra love to CSS you could do things more elegant.
  • We discussed where to put media-queries and saw examples on when they are added within each class, causing you to scroll past loads of queries to get an overview of the structure. A pattern to put these together at the bottom was discussed.
  • If you have examples on "bad" CSS, reach out and we could have a look at it together.
  • As a rule, "!important" should never be used, being more specific in your selector is enough.
  • Here's a pretty good explanation on specificity and how that works.
  • Short-handing properties and values is usually easier to overview (font: bold 1rem Arial; versus specifying each individual property, font-weight, font-size, font-family).
  • Some good inspiration on layout best-practices when it comes to CSS by Builder's Eirik.
• Shared/local libraries
  • Refrain from just importing Core-components and add some sprinkles to it, then use that (MyComponent) in your code. Rather import Core in your code, and extend it with custom capabilities directly in your app. Makes for easier maintenance.
  • Have shared libraries you wanna show? Reach out and we can look at it together.
• Links
  • NAV's designsystem Aksel (they use compound components)
  • VScode addon - Pretty TS errors
  • VScode addon - ReacTree
  • VScode addon - Template-string converter
  • Shared on Slack: "New in web UI", by Google.
  • Shared on Slack: Web Transition API

And that's it for the summer. We have a form out asking for your input around arenas in general and Front-end Forum specifically. We'll see each other in the autumn, hopefully with a new and improved Samhandlingssonen ("collaboration zone") and updated format.