JSJ 397: Design Systems with Kaelig Deloumeau-Prigent
JavaScript Jabber3 Okt 2019

JSJ 397: Design Systems with Kaelig Deloumeau-Prigent

Kaelig Deloumeau-Prigent is a self taught web developer from west France. He has worked for BBC, The Guardian, and The Financial Times in the UK. He has also worked in the US for SalesForce and currently works for Shopify on their Polaris design system. Shopify has multiple design systems, and Polaris is open source. Today the panel is talking about design systems and developer tooling around design systems. To begin, Kaelig explains what a design system is. A design system is all of the cultural practices around design and shipping a product. It includes things like the words, colors, spacing grid system, and typography, plus guidance on how to achieve that in code. The panelists discuss what has made design systems so popular. Design systems have been around for a while, but became popular due to the shift to components, which has been accelerated by the popularity of React. The term design system is also misused by a lot of people, for it is much more than having a Sketch file. Next, they talk about whether design systems fall under the jurisdiction of a frontend developer or web designers. Kaelig has found that a successful design system involves a little bit of everyone and shouldn’t be isolated to one team. They talk about what the developer workflow looks like in a design system. It begins with thinking of a few common rules, a language, and putting it into code. As you scale, design systems can become quite large and it’s impossible for one person to know everything. You either give into the chaos, or you start a devops practice where people start to think about how we build, release, and the path from designer’s brain to production.The panelists then talk about how to introduce a design system into a company where there are cultural conflicts. Kaelig shares his experience working with SalesForce and introducing a design system there. They discuss what aspects of a design system that would make people want to use it over what the team is currently doing. Usually teams are thankful for the design system. It’s important to build a system that’s complete, flexible, and extensible so that you can adapt it to your team. A good design system incorporates ‘subatomic’ parts like the grid system, color palette, and typography, referred to as design tokens. Design systems enable people to take just the bits of the design system that are interesting to them and build the components that are missing more easily. The conversation turns to the installation and upgrade process of a design system. Upgrading is left up to the customer to do on their own time in most cases, unless it’s one of the big customers. They talk about the role of components in upgrading a design system. Kaelig talks about the possibility of Shopify transitioning to web components. Kaelig shares some of his favorite tools for making a design system and how to get started making one. A lot of design teams start by taking a ton of screen shots and looking at all the inconsistencies.Giving them that visibility is a good thing because it helps get everyone get on the same page. The panelists talk about the role of upper management in developing components and how to prioritize feature development. Kaelig talks about what drives the decision to take a feature out. The two main reasons a feature would be removed is because the company wants to change the way things are done and there’s a different need that has arisen. The show concludes by discussing the possibility of a design system getting bloated over time. Kaelig says that Design systems takes some of the burden off your team, help prevent things from getting bloated, allow you to ship less code. Panelists
  • Chris Ferdinandi
  • Aimee Knight
  • Steve Emmerich
With special guest: Kaelig Deloumeau-PrigentSponsorsLinks Follow DevChatTV on Facebook and Twitter PicksSteve Emmerich:Aimee Knight:Chris Ferdinandi:Kaelig Deloumeau-Prigent:Special Guest: Kaelig Deloumeau-Prigent.

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Episoder(726)

How to Build Peer-to-Peer Mobile and Desktop Apps with Socket Supply - JSJ 588

How to Build Peer-to-Peer Mobile and Desktop Apps with Socket Supply - JSJ 588

Kyle Simpson is a Human-Centric Technologist, Author of "You Don't Know JS". He joins the show to talk about "Socket Supply", building "local first" web apps, and what his employer in Socket Supply is doing in this space. They also talk about building native desktop & mobile apps. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksSocket Supplysocket prerelease demoSocialsKyle SimpsonGitHub: Kyle Simpson LinkedIn: Kyle (getify) Simpson PicksAJ - Tears of the KingdomAJ - LMNT (Citrus)AJ - BNNACharles - Ark Nova | Board GameCharles - I Am Not a Serial Killer (John Cleaver, #1) by Dan WellsCharles - Seven Languages in Seven WeeksDan - "React from Another Dimension" by Dan Abramov at #RemixConf 2023Kyle - Natalie PriceKyle - City of Kyle, Texas - Official WebsiteSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

27 Jun 20231h 28min

What It Takes To Be A Web Developer: Part 2 - JSJ 587

What It Takes To Be A Web Developer: Part 2 - JSJ 587

The React Round Up podcast hosts, Jack Herrington, and TJ Vantoll, join this week's crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects. SponsorsChuck's Resume Template Raygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: AJ O'NealTwitter: @coolaj86LinkedIn: Dan Shappir Twitter: @DanShappirPicksAJ - LMNT - The Best Electrolyte Drink Mix EverAJ - MikroTik Routers and Wireless - ProductsDan - JSNation – the main JavaScript conference of 2023Dan - JNation 2023Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

20 Jun 20231h

What It Takes To Be A Web Developer: Part 1 - JSJ 586

What It Takes To Be A Web Developer: Part 1 - JSJ 586

The React Round Up podcast hosts, Jack Herrington, and TJ Vantoll, join this week's crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: AJ O'NealTwitter: @coolaj86LinkedIn: Dan Shappir Twitter: @DanShappir Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

12 Jun 202355min

Defining and Learning Web Fundamentals - JSJ 585

Defining and Learning Web Fundamentals - JSJ 585

Austin Gil is a Senior Developer Advocate. He joins the show to talk about "Web Fundamentals". He begins by explaining its purpose, and the importance of knowing web fundamentals as a developer or programmer. SponsorsChuck's Resume Template Raygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksSeries on HTML form fundamentalsSeries on file uploads fundamentalsBlog post on progressive enhancementSocialsaustingil.com LinkedIn: Austin GTwitter: heyAustinGilPicksAJ - The Mentalist (TV Series 2008–2015)Austin - AkamaiAustin - $100 creditAustin - SolidStartAustin - Stash Licorice Spice Herbal TeaDan - FranceDan - React Streaming In Depth: NextJS! Remix! DIY!Steve - Vuetensils, HTML, HTML Forms with Austin Gil - VUE 214Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

6 Jun 20231h 23min

Bun.js with Jarred Sumner - JSJ 584

Bun.js with Jarred Sumner - JSJ 584

Jarred Sumner is the founder and CEO of Oven. He joins AJ for today's episode to talk about Bun.js. Bun.js is a Node.Js replacement. He begins by explaining what it is, how this tool can be used, and what sets it apart from the others. On YouTubeBun.js with Jarred Sumner - JSJ 584SponsorsChuck's Resume Template Developer Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksBun is a fast all-in-one JavaScript runtimeoven-sh/bunSocialsLinkedIn: Jarred Sumner Twitter: jarredsumnerSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

30 Mai 20231h 20min

Find Out More About Barry Pollard - BONUS

Find Out More About Barry Pollard - BONUS

Barry Pollard is a Web Performance Developer Advocate on Google Chrome. He joins Chuck in this bonus episode to provide an introduction to his topic at the conference. He is going to talk about "Core Web Vitals". LinksThe main JS conference of 2023Discount: https://ti.to/gitnation/jsnation-2023/discount/JSJabberSocialsLinkedIn: Barry PollardSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

26 Mai 20239min

Find Out More About Tobias Koppers - BONUS

Find Out More About Tobias Koppers - BONUS

Tobias Koppers is an open-source developer. He joins Chuck in this bonus episode to provide an introduction to his topic at the conference. On YouTube Find Out More About Tobias Koppers- BONUSLinksThe main JS conference of 2023Discount: https://ti.to/gitnation/jsnation-2023/discount/JSJabberSocialsLinkedIn: Tobias KoppersSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

26 Mai 20239min

React Server Components: Part 2- JSJ 583

React Server Components: Part 2- JSJ 583

Dan Abramov is a Front-end developer at Facebook and Joe Savona is a User Interface engineer at Facebook. They join the show to talk about React Server Components. They begin by explaining what it is, how it's implemented, the services it offers to the clients, and many more. On YouTubeReact Server Components: Part 2- JSJ 583SponsorsChuck's Resume Template Developer Book ClubBecome a Top 1% Dev with a Top End Devs MembershipSocialsDan Abramov GitHub: gaearonTwitter: @dan_abramovJoe SavonaLinkedIn: Joseph Savona josephsavona.comTwitter: @en_JSPicksCharles - Iberian Gauge Dan Abramov - Watch BEEF | Netflix Official SiteDan Abramov - The White LotusDan Shappir - Go speak at conferencesJoe - Diagonals Tejas - Watch BEEF | Netflix Official SiteTejas - BlueskyTejas - The Molecule of MoreSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

23 Mai 20231h 7min

Populært innen Business og økonomi

stopp-verden
dine-penger-pengeradet
e24-podden
rss-penger-polser-og-politikk
rss-borsmorgen-okonominyhetene
tid-er-penger-en-podcast-med-peter-warren
finansredaksjonen
pengesnakk
utbytte
livet-pa-veien-med-jan-erik-larssen
pengepodden-2
morgenkaffen-med-finansavisen
stormkast-med-valebrokk-stordalen
rss-markedspuls-2
rss-sunn-okonomi
lederpodden
rss-impressions-2
shifter
okonomiamatorene
rss-andelige-tanker-med-camillo