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)

Build Your Game Using JavaScript with Andrzej Mazur- JSJ 572

Build Your Game Using JavaScript with Andrzej Mazur- JSJ 572

Andrzej Mazur is a HTML5 Game Developer. He joins the show alongside AJ and Chuck to talk about creating games in JavaScript. He begins by outlining his past and current experiences as a game developer. He offers some of his techniques to individuals who want to start developing web games.Sponsors Chuck's Resume Template Developer Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksENCLAVE GAMESjs13kGamesGamedev.jsGamedev.js weeklyGamedev.js WarszawaFOREST CUTIESEnclaveGames/Enclave-Phaser-TemplateOpenGameArtUnity Asset StoreKenney Game AssetsGlobal Game Jamwebinstall.dev/aliasmanGitHub: end3rLinkedIn: Andrzej MazurTwitter: @end3rPicksAJ - OC RemixAJ - Ballarini (Granitium Non-Stick Cookware) setAJ - Utility Series Keychain KnifeAJ - EDC Fans Keychain KnifeAndrzej - NeuroshimaHex.plAndrzej - Gamedev.js Jam 2022Andrzej - PhaserChuck - Mysterium Chuck - Hold on to people you care about! 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.

7 Mar 20231h 20min

The State of JS Frameworks with Ryan Carniato: Part 2 - JSJ 571

The State of JS Frameworks with Ryan Carniato: Part 2 - JSJ 571

Ryan Carniato is the Principal Engineer OSS at Netlify. He is the author of the SolidJS UI library. He joins the show to talk about where the JavaScript Frameworks are headed. They share their insights on the changes that occurred in React. Additionally, they talk about their perspective on React and other JavaScript frameworks. On YouTubeThe State of JS Frameworks with Ryan Carniato: Part 2 - JSJ 571Sponsors Chuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksRyan Carniato - DevRyan Carniato | YouTubeTwitter: @RyanCarniatoAJ ONeal - GitPicksAJ - ChatGPT-DanRyan - React.js: The Documentary - How it All BeganSupport 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 Feb 202350min

The State of JS Frameworks with Ryan Carniato: Part 1 - JSJ 570

The State of JS Frameworks with Ryan Carniato: Part 1 - JSJ 570

Ryan Carniato is the Principal Engineer OSS at Netlify. He is the author of the SolidJS UI library. He joins the show to talk about where the JavaScript Frameworks are headed. They share their insights on the changes that occurred in React. Additionally, they talk about their perspective on React and other JavaScript frameworks. Sponsors Chuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksRyan Carniato - DevRyan Carniato | YouTubeTwitter: @RyanCarniatoSupport 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 Feb 20231h 3min

Web Performance With Alex Russell - JSJ 569

Web Performance With Alex Russell - JSJ 569

Alex Russell is the Partner Product Manager on Microsoft Edge. He joins the show to talk about web framework performance. He starts out by going over a few examples of user interactions from various web applications and how they affect their performance. Moreover, he gets into detail about the article he wrote, "The Performance Inequality Gap, 2023".Sponsors Chuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksA Management Maturity Model for PerformanceThe Performance Inequality Gap, 2023Depth-and-frequencymulti-core scoressingle core scoresInfrequently NotedGitHub: slightlyoffTwitter: @slightlylatePicks AJ - webinstall.dev/vim-aleAlex - open web advocacyCharles - Harry Potter: Death Eaters Rising Charles - ARETE MEANS EXCELLENCEDan - Dan Shappir at @JSJabber Web Dev podcast PollSupport 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 Feb 20231h 26min

React Native & Every-Platform Embeddable UI With Taz Singh - JSJ 568

React Native & Every-Platform Embeddable UI With Taz Singh - JSJ 568

Taz Singh is the Founder of Guild. It is an all-in-one platform for Events, Presentations, and Discussions designed to reduce the burden as communities scale. He joins the show to talk about Guild and React Native. He begins by discussing his journey toward how he was able to create his company. He talks about their goals and what sets them apart from other platforms. Additionally, they tackle developing applications using React Native. About This EpisodeFuture projects for GuildUsing React Native to develop apps for MobileUsing React Native to develop apps for WebTamaguiSponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksGuildTamagui — React Native + Web UI kitTaz SinghLinkedIn: Taz SinghGitHub: tazsinghTwitter: @tazsinghTwitter: @guild__hostPicksAJ - AJScript ( (Moving to GPTScript)AJ - SNOWFLAKES ARE REAL!Charles - Top End DevsDan - TypeScript 5.0 Beta Deep DiveDan - React Streaming In Depth: NextJS! Remix! DIY!Taz - GuildSupport 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 Feb 20231h 32min

Providing The Best User Experiences on the Web With Vercel- BONUS

Providing The Best User Experiences on the Web With Vercel- BONUS

Lee Robinson is the VP of Developer Experience at Vercel. Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. He joins Chuck on the show to talk about NextJS 13 and their company. He goes into great detail about how they continue to offer the finest user and development experience. Additionally, they talk about Vercel's features. LinksVercelNext.js Conf Keynote: Introducing Next.js 13 and TurbopackVercel Analytics: Real-time Insights, Peak PerformanceLee RobinsonLinkedIn: Lee RobinsonTwitter: @leeerob 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.

3 Feb 202334min

Front-End Hydration - JSJ 567

Front-End Hydration - JSJ 567

Dan Shappir takes the lead for this week's panelist episode as he talks about hydration. Hydration is the technique of using client-side JavaScript to enhance server-rendered HTML with application state and interaction. In the context of Web performance, he explains why it is regarded as such an issue and its impact.The second part of this episode is reviewing various ways in which modern frameworks, such as Qwik, Astro, Remix, and NextJS are trying to alleviate the impact of hydration:Avoiding frameworks, to begin withFaster hydration, e.g. Svelte, SolidProgressive enhancement, e.g. RemixHydration slicing (+ progressive enhancement), e.g. Remix + React 18 (time slicing / isInputPending)Islands of hydration, e.g. Astro, FreshServer Components, e.g. NextJS 13 React Server Components (SPA and streaming)Resumability, e.q. Qwik, MarkoSponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksBeyond Code Bootcamp: HomeApril 24 - 27, 2023 - JavaScript Conference LondonJSNation Conference 2023Qwik Part II With Misko Hevery - JSJ 563Mastering Linux Shell ScriptingThe Linux Command Line, 2nd Edition: A Complete IntroductionPicksAJ - Animal CrossingAJ - Yoshi's Crafted World™Charles- Harry Potter: Death Eaters Rising Dan - Don't Learn TypeScriptDan - JavaScript Frameworks in 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.

31 Jan 20231h 40min

Marvels Of Using Svelte and SvelteKit - JSJ 566

Marvels Of Using Svelte and SvelteKit - JSJ 566

Tracy Lee is the CEO of This Dot Labs, a JavaScript-focused agency, and Adam L Barrett is a Developer Consultant at This Dot Labs. They join the show to talk about the wonders of Svelte and SvelteKit. It is a tool for creating fast web applications. Additionally, they explain how these allow excellent user and developer experiences.About this EpisodeAll about Svelte and SvelteKitThe internals of SvelteBenefits of Svelte compared to other frameworksDifference between Framework and MetaFrameworkOn YouTubeMarvels Of Using Svelte and SvelteKit - JSJ 566SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksThis Dot LabsTwitter: @adamlbarrettTwitter: @ladyleetTwitter: @ThisDotLabsPicksAdam - Zod Schema ValidationAdam - Frosthaven | Board Game | BoardGameGeekAJ - Silicon Power 1TB MicroSD under $100AJ - MBP M1 Storage ExpansionDan - Svelte Origins: A JavaScript DocumentaryDan -  State of JS 2022 gender gapDan - Sneaky Pete TV show on Amazon PrimeDan - "We Hate Perfect Things" by AJDan - War in UkraineCharles - Karma | BoardGameGeekCharles - 1923 (TV Series 2022–2023)Charles - XeroCharles - This Dot LabsTracy - Women in TechSupport 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.

24 Jan 20231h 26min

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