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)

Is JavaScript on the Backend a Mistake? - JSJ 596

Is JavaScript on the Backend a Mistake? - JSJ 596

Lane Wagner is the Founder of Boot.Dev. They delve into the world of JavaScript and backend development. They also share their experiences with API gateways and provide insights into both positive and negative implementations. Additionally, they uncover the challenges and benefits of using JavaScript and Node.js as a backend system and explore the fascinating concept of Back End for Front End (BFF). SponsorsChuck's Resume Template Developer Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Lane WagnerBackend BanterTwitter: wagslanePicksAJ - CoffeezillaAJ - Socket SecurityAJ - JS with TypesCharles - Living Forest | Board GameDan - Silicon Valley (TV Series 2014–2019)Dan - The Faithful and the Fallen Series by John GwynneLane - Boot.Dev - Learn Backend DevelopmentLane - CodeAestheticSteve - Better Off Dead... (1985)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.

29 Aug 20231h 33min

Why Should You Get Into The Web3 World - JSJ 595

Why Should You Get Into The Web3 World - JSJ 595

Julien Klepatch is the CEO and founder of EatTheBlocks. He joins the show to talk about Web3. He begins by sharing his past experiences and how he became a Software Developer. Additionally, he explains the reasons why developers should get into the Web3 world, its advantages, building web applications with Web3, its connection to Blockchain, and many more!SponsorsChuck's Resume Template Raygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksIntroduction to Web3SocialsLinkedIn: Julien KlepatchEatTheBlocksTwitter: @jklepatchPicksAJ - Dash Cryptocurrency Libraries (can work cross-chain)- https://github.com/dashhive/dashphrase.js- https://github.com/dashhive/dashhd.js- https://github.com/dashhive/dashkeys.js- https://github.com/dashhive/dashtx.jsAJ - Harbor FreightAJ - CoffeezillaAJ - Socket SecurityCharles - Skyjo | Board GameCharles - Living Forest | Board GameSupport 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.

22 Aug 20231h 20min

The Evolution of Qwik - JSJ 594

The Evolution of Qwik - JSJ 594

Jack Herrington is a Principal Software Engineer. Misko Hevery is the Chief Technology Officer at Builder.io. They join the show to talk about "Qwik v1.0". Misko takes the lead as he shares its exciting new features. He explains what is the Panda CSS and how it works. Moreover, he dives into some of the "Qwiklabs projects", its benefits, and many more!SponsorsChuck's Resume Template Developer Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksqwikQwiklabsPanda CSSSocialsLinkedIn: Jack HerringtonLinkedIn: Misko HeveryPicksAJ - The Legend of Zelda™Jack - Monkeytype 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.

15 Aug 20231h 19min

Introducing The B2B SaaS Starter Kit - JSJ 593

Introducing The B2B SaaS Starter Kit - JSJ 593

Andrei Soroker is the CEO of Fogbender. Yaroslav Lapin is a Senior Software Engineer at Fogbender. They join the show to talk about the "B2B SaaS Starter Kit". It is an instructional bundle for assembling products designed to be used by teams of users. They begin by explaining the reason why they created it, the problem it solves, its advantages, how it helps the developers and many more! SponsorsChuck's Resume Template Raygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksGitHub: B2B SaaS Starter KitB2B SaaS KitFogBenderSocialsTwitter: Yaroslav LapinLinkedIn Yaroslav Lapin Twitter: Andrei SorokerLinkedIn: Andrei SorokerPicksAJ - Are we made of math?AJ - Physics is still in crisisDan - Loki (TV Series 2021Dan - WandaVision (TV Mini Series 2021)Steve - Wix’s new tool can create entire websites from promptsSupport 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.

8 Aug 20231h 26min

The CSS Universe with Austin Gil - JSJ 592

The CSS Universe with Austin Gil - JSJ 592

Austin Gil is a Senior Developer Advocate. He joins the show to talk about CSS-in-JS. He begins by explaining all things CSS, in a way that developers can easily understand it. He discusses the Evolution of CSS, the challenges you may encounter, CSS branches or specificities, and many more!SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksAST ExplorerParticles CSSSocialsAustin GilLinkedIn: Austin GilPicksAustin - $100 linode creditAustin - local meetups to engage with people in your local communityAustin - Panda CSSAustin - Jury DutyDan - Participating in conferences, especially for the "hallway track"Dan - "The Recruit" on Netflix Dan - The Faithful and the Fallen" fantasy book series by John GwynneDan - Ongoing war in UkraineSupport 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 Jul 20231h 15min

Progressive Enhancement with Elliott Johnson  - JSJ 591

Progressive Enhancement with Elliott Johnson - JSJ 591

Elliott Johnson is a Multi-stack data software generalist and works in Vercel. He joins the show to talk about "Progressive Enhancement". He begins by explaining Svelte & SvelteKit and how it's different from the other frameworks. He goes into more depth about Progressive Enhancement, and how it works. Moreover, he tackles Progressive form enhancement with SvelteKit and many more!SponsorsChuck's Resume Template Raygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Elliott JohnsonPicksAJ - StarsightElliot - Spider-Man: Across the Spider-VerseSteve - I'm done with Red Hat (Enterprise Linux)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.

18 Jul 20231h 1min

Things Coming Down the Pipe From TC39 - JSJ 590

Things Coming Down the Pipe From TC39 - JSJ 590

Dan and Steve join this week's panelist episode to talk about the TC39. Dan starts off as he explains the stages of adding features to the ECMAScript language specification to be added to the JavaScript language.SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksTC39 processTC39 ECMAScript proposalsUpcoming Proposals for ECMAScript (PART 1) - JSJ 532Stage 3: using keywords for automatic resource disposal (objects with lifetime)(Sync) Iterator Helpers intent to shipSet methodsDecorators (for Aspect Oriented Programming for the separation of cross-cutting concerns, e.g. logging and serialization)ShadowRealmsStage 2: Async Iterator HelpersIterator.rangeStage 1: do expressionsSupport 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.

13 Jul 20231h 17min

Million.js with Aiden Bai and Tobiloba Adedeji  - JSJ 589

Million.js with Aiden Bai and Tobiloba Adedeji - JSJ 589

Aiden Bai is a Web Performance Engineer and Creator of Million.js. Tobiloba Adedeji is a Software Engineer. They join the show to talk about Million.js. They begin by explaining what it is all about, its purpose, the problem it solves, and many more!SponsorsChuck's Resume Template Raygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksMillion.jsSocialsLinkedIn: Tobiloba AdedejiLinkedIn: Aiden BaiTwitter: toby_solutionsPicksAiden - Top End DevsCharles - Shadow Hunters | Board GameCharles - Legendary: A Marvel Deck Building Game (2012)Charles - GitNation EventsSupport 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.

4 Jul 202353min

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
livet-pa-veien-med-jan-erik-larssen
utbytte
finansredaksjonen
pengesnakk
pengepodden-2
rss-markedspuls-2
morgenkaffen-med-finansavisen
rss-sunn-okonomi
stormkast-med-valebrokk-stordalen
okonomiamatorene
lederpodden
rss-impressions-2
shifter
stinn-av-gryn