State of the Community
The community was born in the sprit of open-source. The spirit of generosity, collaboration, building better communities is inseparably intertwined with building a better self. Be a mentor, communicate compassionately. Community is a group responsibility. Let's own it.
"Open source was built on the premise of collaboration.” The spirit of generosity.
Art - R&D of humanity
As we build an interconnected world, we are building a relationship with physical objects.
"What if objects were...loyal?"
GPU and Web UI Performance
Diego Ferreiro Val @diervo
Creating complex UI components such has always been a challenge on the web. You have to do mathematical calculations, trigger beautiful transitions, and manipulate the DOM (with its costly paints and reflows) in an orchestrated and performant fashion.
We will discuss the state of the art on web performance, with practical examples, we will learn techniques used for improving the performance of browser repaints and reflows, and showcase the latest tools for diagnosing bottlenecks and jank in the browser rendering engine.
Diego Ferreiro is a Principal UI and Web Performance engineer at Salesforce. He was previously at Yahoo!, working in the Search Platform Team migrating the architecture to use NodeJS and Mojito. Diego spend his days worrying about web performance, 60fps animations, and making the UI faster.
Browser Rendering 101
- DOM tree & CSS tree: constructed
- Recalculate Style: attaches the style rules
- Layout: calculate the changes, eg move 40px right, 3px down, add 40px of margin bottom.
Every time we touch the DOM, these events happen, we try to reduce the time these steps take.
The magic is in the GPU
Use operations that are cheap to compute.
- only touch the DOM when absolutely necessary
- reuse the same surfaces on the DOM
- isolate GPU layers to contraints
- defer execution as much as possible
"Use the power of the GPU wisely. Always try to find the right balance between perfomance and usability..."
TODO: get the example.
Instrument your own framework!
Kyle Simpson - @getify
"Hell is not understanding my own code."
Web Component Markup
Estelle Weyl (@estellew)
No More Tools
Karolina Szczur (@fox)
As creatives we constantly search for ways to optimise and streamline workflows. Currently we’re being bombarded with more tools than ever. But how do we know that we reached a tipping point, when the apparatus we pick introduces more complexity and wastes way more time that it was supposed to save? As craftspeople, how do we maintain simplicity and learn to rely on bare-bones solutions? And more importantly—how do we empower others and collaborate? We’ll have a look at up-to-date front-end tooling and analyse alternative approaches to compiling, building and automation processes as well as the human side of teamwork.
Doris Chen (@doristchen)
Lova & Node
Creating relatability Process