6. Meetup - React Stuttgart @ ITM
Details
- Oliver Schmidt - Styling React with styled-components (45min)
Building user interfaces on the web is hard, because the web and, thus, CSS were inherently made for documents. After this shift in mindset towards building component-based user interfaces, we are now in what we like to call the “component age.” Long established best practices may have to be revisited.
In this talk Oliver will provide us w/ some context on how we have styled React components in the past and the limitations that we were facing. With a broad overview on mechanics, structure and workflow he will dive right into some practical examples. Further, he will show what it takes to integrate styled-components into existing projects. While styled-components is considered relatively new, there is already v2 on the horizon. An outlook in what is about to come will round off the discussion.
- Marcel Schulze - Computing derived data efficiently w/ reselect (45min)
Since React, our App interface is mainly driven by state. We don’t have to worry about manipulating the DOM ourselves anymore. This brings a lot of benefits to the table but it also comes with a number of gotchas to absorb. One of it is to store only the minimal possible state and compute the rest on the fly.
Marcel Schulze will talk about a possible state shape (of a redux-store) and how to use the reselect library correctly. Reselect is a great library and considered a hidden gem in the react/redux ecosystem. Yet using it in the correct way is key as it could be counter-productive otherwise. The speaker will showcase his claims with a great number of examples.
------------
After a long winter break we are back with another episode of #ReactStuttgart :) This time it is hosted by our friends at ITM (http://www.itm.net/). They are providing the venue, food, and drinks. A big thank you from our side. Looking forward for another awesome session.