JSJ 397: Design Systems with Kaelig Deloumeau-Prigent

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)

Jason Weimann - Learn Video Game Development with Chuck - BONUS

Jason Weimann - Learn Video Game Development with Chuck - BONUS

Jason Weimann is a Developer and Instructor. He returns to the show with Chuck to talk about video game creation. He shares his experiences as a developer and dives into his courses wherein he gives beginners and aspiring developers a walk-through of the world of creating games. LinksGame development courses & tutorialsProgrammer Course – game.coursesSocialsTwitter: @jweimannSupport 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 Apr 202350min

TanStack Router with Tanner Linsley -  JSJ 578

TanStack Router with Tanner Linsley - JSJ 578

Tanner Linsley is the Co-Founder & VP of UI / UX at Nozzle. He joins the show to talk about TanStack Router. TanStack is an Open-source software for building better UI and UX. They talk about the vital role that a "router" plays in the architecture of a web application. Moreover, Tanner shares why he developed his own router and explains the Type safe routing. SponsorsChuck's Resume Template Raygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksTanStack Router (beta)SocialstannerlinsleyLinkedIn: Tanner LinsleyTwitter: @tannerlinsleyPicksAJ - PowerEdge R720 rack server detailsCharles - Between Two Castles of Mad King LudwigDan - The Bastard Operator From Hell Dan - Demonstrating democracy in Israel Dan - Ongoing war in UkraineSteve - How John Glenn’s $40 Camera Forced NASA to Rethink Space MissionsTanner - TonalTanner - Metroid Prime™ Remastered for Nintendo SwitchSupport 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.

18 Apr 20231h 18min

Reverse Engineering with Joyce Lin - JSJ 577

Reverse Engineering with Joyce Lin - JSJ 577

Joyce Lin is the Head of Developer Relations at Postman. She returns to the show to discuss Reverse Engineering. They talk about APIs, API security, proxy tools and explain its relevance in your applications. They dive into the process, purpose, and significance of Reverse Engineering. Additionally, they talk about API hacking.Sponsors Chuck's Resume Template Developer Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksPostman | YouTubeSocialsmeowsergirl.comGitHub: loopDeliciousLinkedIn: Joyce LinTwitter: @PetuniaGrayPicksAJ - Phone Strap Grip Holder FingerCharles - The CrewCharles - Battlestar Galactica Charles - Study: 'Dad jokes' help kids develop into healthy adultsDan - War in UkraineDan - Daylight savings Steve - Adult Blond Chick Magnet WigSupport 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.

11 Apr 20231h 16min

How Do You Stop Hating Your Job? - BONUS

How Do You Stop Hating Your Job? - BONUS

Are you dissatisfied with your job? Sam Feeney helps organizations improve employee engagement, increase retention, and reinvent hiring while helping individuals (re)discover career satisfaction in their current roles. He joins the show alongside Chuck Wood to tackle altering the way you perceive your job and talk about Career satisfaction.On YouTubeHow Do You Stop Hating Your Job? - BONUSSocialsLinkedIn: Sam FeeneySupport 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.

11 Apr 202344min

Signals: What You Should Know with Tejas Kumar - JSJ 576

Signals: What You Should Know with Tejas Kumar - JSJ 576

Tejas Kumar is a Chief Developer Advocate. He joins the show alongside AJ and Chuck to talk about Signals. He begins by explaining what "Signals" is. He delves into its advantages, benefits, features, and what it may provide for the applications. He shares his experience in using it. Moreover, they share their perspective on Signals and React Framework. SponsorsChuck's Resume Template Raygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipSocialsTwitter: @TejasKumar_YouTube: Tejas KumarPicksAJ - GitHub - callbag/callbag: 👜 A standard for JS callbacks that enablesAJ - GitHub - staltz/callbag-basics: 👜 Tiny and fast reactive/iterable programmingAJ - Talkbacks: A Callback-based Event Spec w/ Travis Barney - Jan 19, 2023AJ - The Legend of Zelda: Breath of the Wild | Deku DealsAJ - Amazon.com: The Ballad of Songbirds and Snakes: A Hunger Games NovelChuck - The Crew: The Quest for Planet NineChuck - Star Trek: Picard (Official Site) Watch on Paramount PlusChuck - Circle: The all-in-one community platform for creators and brandsChuck - Zapier | Automation that moves you forwardTejas - Flightcontrol — AWS Without PainTejas - WorkerConf 2022Tejas - The Last of Us (TV Series 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.

5 Apr 20231h 23min

The Best of JavaScript and Ruby in 2023 - JSJ 575

The Best of JavaScript and Ruby in 2023 - JSJ 575

Hosts of the Ruby Rogues Podcast, Dave Kimura and Valentino Stoll join JavaScript Jabber Panel on this week's crossover episode. They talk about both of the framework's useful features and how the JavaScript framework may be applied when creating Ruby applications. Additionally, they tackle each of their advantages and disadvantages.On YouTubeThe Best of JavaScript and Ruby in 2023 - JSJ 575Sponsors Chuck's Resume Template Developer Book ClubBecome a Top 1% Dev with a Top End Devs MembershipSocialsTwitter: @thecodenamevTwitter: @kobaltzSupport 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.

28 Mar 20231h 13min

Functional Programming with Ian Schwartz - JSJ 574

Functional Programming with Ian Schwartz - JSJ 574

Ian Schwartz is a professional software developer. He joins the show to talk about Functional Programming. He begins by defining functional programming as well as some of the key terms they use. Additionally, they dive into the different Algebraic Data Types and React.Sponsors Chuck's Resume Template Developer Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksFunctional Wrappers for State ManagementSchwartz.World!GitHub: ianschwartzPicksAJ - Callbags w/ Travis BarneyAJ - No one can explain MonadsAJ - The Lost Metal (Mistborn Era 2)AJ - The Knife of Never Letting Go (Chaos Walking)AJ - The Ballad of Songbirds and Snakes (Hunger Games)Chuck - The Quacks of Quedlinburg: MegaBoxChuck - The Pragmatic ProgrammerChuck - PipelinePRODan - My appearance as a guest on the JavaScript Jam Twitter spaceDan - The ongoing war in UkraineIan - LambdaCast on Apple PodcastsSupport 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.

21 Mar 20231h 21min

Introducing Codux With Nadav Abrahami & Tom Raviv - JSJ 573

Introducing Codux With Nadav Abrahami & Tom Raviv - JSJ 573

Nadav Abrahami Co-Founder & Head of Innovation at Wix. Tom Raviv is Head of Developer Relations for Codux.com & Team Lead on Stylable.io. They join the show to talk about the recent release of, "Codux", the first visual IDE for React. They begin the episode as they talk about how they came about building the tool and their experience. Moreover, they talk about its features, components, and impact on users Sponsors Chuck's Resume Template Developer Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksCodux | Visual IDE for ReactMeet CoduxTwitter: @CoduxIDETwitter: @NadavWixTwitter: @RavivTomPicksAJ - Earthing PadAJ - Speed ControllerAJ - Beyond Code Beta Course WorkshopsDan - 15: The Meta Framework Revolution with Dan Shappir by FedBitesDan - The ongoing war in UkraineNadav - Kung Fu for EngineersSteve - Hinshark Bluetooth BeanieTom - The Legend of Vox MachinaSupport 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.

14 Mar 20231h 13min

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