Sponsors


Netlify


Sentry use the code “devchat” for 2 months free on Sentry’s small plan


Triplebyte offers a $1000 signing bonus


CacheFly


Panel


Nader Dabit


Lucas Reis


Thomas Aylott


Episode Summary

Today the panel is discussing the necessity of companies having a dedicated frontend team. They begin by discussing the technologies that might be used by a dedicated frontend team. According to the panel, the necessity of a frontend team is determined by the size of the company. When you try to have a frontend team too soon, it ends up being a huge debacle, but once you get bigger and have multiple teams, it gets more useful. A company is ready for a dedicated frontend team when it is able to build with a common set of components.

The panel discusses the concept of ownership in a company. Nader believes that things should be run where there is a team that’s in charge of building a component, and once the component has shipped, they are no longer in charge. The other panelists disagree with that method because they believe there is a danger of the project getting bloated. Thomas shares his experience with working for Facebook and Lucas talks about how he has previously set up his teams. They talk about the necessity of having a design system before having a React design system, and they all agree that it is useful Nader shares his experience with his brother working for Cartoon network and the design rules they had for the websites for each show like Dexter’s Lab and PowerPuff Girls.

Since the panel agrees on the importance of consistency in visual communication and designs, they delve into deciding what is owned by the design system and what is shared between other teams, who maintains these things, and how to differentiate between the different kinds of components. They talk about the idea of Atomic Design in programming, separating component into categories called names like atoms, molecules, organisms, etc. Nader talks about his experience with this method. He found it difficult because components didn’t always fit cleanly into one category. The panel believes that it all comes back to ownership and it is important that companies are handling ownership well

Links


Storybook


Frontend


Cloudera


Next.js


Gatsby


React Native Web


Docz


Material


Follow DevChat on Facebook and Twitter

Picks

Nader Dabit:


React Native in Action by Nader Dabit


Lucas Reis:


Kickstarting a Library of Internal React Components for Multiple Teams by Javier Lefevre


Thomas Aylott:


The E-Myth Revisited


The Design of Everyday Things


Atomic Design by Brad Frost