Mon 5 December 2022 | 6:00 pm - 8:00 pm
- , ,
Elementor is happy to invite you to a special frontend meetup featuring exciting talks about headless React components and secret CSS properties.
Join us at Elementor’s office for some cold beer, fresh pizza, fine swag, and networking.
When:
Monday, December 5th at 18:00
Where:
Elementor HQ, Sapir Tower, 15th Floor, 40 Tuval st. Ramat-Gan
Please register here:https://forms.gle/QjDp52R6QQ3zGH7H9
Agenda
18:00 – 18:30 Doors Open. Food and Networking
18:30 – 18:40 Welcome Talk
18:40 – 19:10 Uncharted CSS – Things you don’t know about CSS
19:10 – 19:40 A component that renders nothing: React headless components and inversion of control
Evyatar Daud –
Full Stack Developer @ Elementor, 6 years of development experience, a design-savvy, addicted to CSS and enjoys drawing in single divs https://codepen.io/EvyatarDa
Uncharted CSS – Things you don’t know about CSS
We’ll discover some lesser-known things about CSS (Stacking Context anyone?), understand how they can benefit us as frontend developers, learn how to utilize them in our next projects, and get a sneak peek at some real-world usage examples of them in a live-coding session.
Nir Ben-Yair
Frontend Team Lead @ Gloat, 6 years of experience, Host of the “Frontend Land” podcast and creator of the “Memeking” app, www.memeking.co.il
A component that renders nothing: React headless components and inversion of control
The web is full of bad UI components. It is not rare to see a menu that doesn’t react to arrow keys or a select box that doesn’t support screen readers. Building these components is really (really!) hard so developers rely on UI libraries like MUI to solve that problem for them. They work, but are often hard to customize to your company’s style. So you’re left with either building your own badly behaving components, or using good components that just don’t fit the style you need.
Incredibly enough, there is a solution: React headless components, which implement the behavior of the components, but leave the rendering and styling up to you. The best of both worlds!
In this talk I will explain the problems we encounter when building our own components, the problems we encounter customizing existing library components, and how headless components solve both problems using the inversion of control design pattern.
Check Out The Event Page On Facebook
Looking for more cool events? Sign up to our weekly Events Newsletter to get all kinds of awesome recommendations directly to your inbox!
Sign up to our weekly Events Newsletter here
Looking for more ideas?
