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)

Wix Velo with Yoav Abrahami - JSJ 558

Wix Velo with Yoav Abrahami - JSJ 558

We are joined by Yoav Abrahami, Chief Architect and Head of Velo to discuss the transformation of Wix from a Website builder to an application development platform. Wix Velo enables developers to implement code that runs either on the client-side or on Wix hosted Node server, while constructing the UI using a WYSIWYG page editor. In this way, Wix provides an interesting alternative to app development frameworks such as NextJS and Nuxt. Sponsors"Request Metrics, who does performance monitoring and can help with issues like too much cumulative layout shift" Chuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksVeloTwitter: @yoavabrahamiPicks  AJ - The Big Short: Inside the Doomsday MachineAJ - Mentour PilotAJ - The Matt Walsh ShowSupport 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 Nov 20221h 30min

What Is Functional Programming and What It's Not With Lane Wagner- JSJ 557

What Is Functional Programming and What It's Not With Lane Wagner- JSJ 557

Lane Wagner is the founder of a startup company called Boot.dev. He teaches backend development online in Go, Python, and JavaScript. Lane joins Chuck and Steve as they talk all things Functional Programming. They also talk about its importance and share their thoughts about it. Moreover, Lane also shares his experience with creating boot.dev and the different teaching strategies he uses on his online learning platform.  About this Episode The difference between Functional Programming VS Object-oriented ProgrammingReact Hooks & Vue 3 and why are they considered as “not Functional” Boot.dev and how is it created  The reason why Go became a popular backend languageSponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksBoot.devwagslane.devTwitter: @wagslanePicksCharles - Chuck's Resume TemplateCharles - Dice Miner Card Board GameCharles - Timpanogos Game ConventionCharles - Top End DevsLane - Life of a ChameleonLane - Boot.devSupport 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 Nov 20221h 7min

Stories From The Trenches - JSJ 556

Stories From The Trenches - JSJ 556

In this episode the panelists share war stories from their career and the lessons they have learned from them. They discuss things they have done back in their early days in tech, and how they now behave differently given those experiences.SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipPicksAJ - Duratech 8mm-22mm COMPLETE wrench setAJ - ATV Body Armor / Adventure JacketsAJ - Project Hail MaryAJ - (Unpick) TwilightDan - The Mote in God's EyeDan - Code Like a Girl. Breaking the Gender StereotypeDan - Women on Stage and in Tech with Moran Weber - JSJ 483Support 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 Nov 20221h 22min

Writing Change-Proof Software with Tests - JSJ 555

Writing Change-Proof Software with Tests - JSJ 555

Shai Yalin is a freelance software architect and mentor. He specializes in teaching organizations and individuals how to use Test Driven Development (TDD) and other development methodologies and best practices. In this episode Shai joins us to explain how to use these methods in order to create software that is resilient to change, and how to refactor existing brittle code in order to clean out the rot.SponsorsTop End DevsCoaching | Top End DevsLinksChronomatic: my side-project storyYour Software as a KitchenThe Anatomy Of A Rotten CodebaseLinkedIn: Shai YallinTwitter: @shaiyallinPicksAJ - Read The Lost Metal by Brandon Sanderson: Prologue and Chapters One and TwoDan - FargoShai - VitestShai - We Are Legion (We Are Bob) (We Are Bob) (Bobiverse, #1)Shai - Citizen Of Glass, by Agnes ObelSteve- GitHub Copilot investigation · Joseph Saveri Law Firm & Matthew ButterickSupport 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.

1 Nov 20221h 19min

Remix and EpicWeb.dev with Kent C. Dodds - JSJ 554

Remix and EpicWeb.dev with Kent C. Dodds - JSJ 554

Kent C. Dodds is a well-known JavaScript developer who has done myriad development courses and training. He's also done outreach for Remix. He's spoken at tons of conferences and his now working on creating EpicWeb.dev which helps developers become epic web developers.The Jabber crew starts out talking about learning, teaching, and EpicWeb.dev before going into the changes in the web platform and progressive enhancement and eventually Remix. Links:TestingJavaScript.comEpicWeb.devEpicReact.devRemixFly.ioLightstreamThe Web's Next Transition blog post by Kent C. DoddstRPCGraphQLPicks:AJExtraordinary Attorney WooWhen fixing a 4-wheeler, look at the larger component and compare prices.FourTrax 300DanWeb Directions SummitWar in UkraineSteveStudy on why you can't tickle yourselfKentEpicWeb.devCall Kent PodcastKent's Travel MapBuild Your House Yourself UniversitySupport 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.

25 Okt 20221h 49min

Being a New Developer with Diego Moura - JSJ 553

Being a New Developer with Diego Moura - JSJ 553

Diego Moura is a newer developer who has recently joined the ranks of professional developers. The panel talks to Diego about his career as a fashion designer and how he moved to Canada and go into programming. He initially got into digital marketing and figured out that he could modify and manage pages and picked up development as a function of doing UI work on his marketing pages. From there he fell in love with web development.SponsorsTop End DevsCoaching | Top End DevsArchitect, who provides environments on demandLinksJen SimmonsLinkedIn LearningFront-End MentorWatch and CodeReading Source Code with Carl Mungazi - JSJ 408Twitter: @_DiegoMouraTwitch: diegomouradevPicksChuckTimpConLocal Board Game ConventionsGet Chuck's ResumeCommand Your Coding Career (Coming Soon)Star Trek: PicardAJDIY Soldering StationAudioHijackBoot.devStevehttps://gizmodo.com/eu-officially-demands-big-tech-use-usb-c-end-of-2024-1849613451DanWeb Almanac for 2022Ongoing War in UkraineDiegoHow to be Great at Asking Coding QuestionsWhere Should We Begin PodcastSupport 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 Okt 20221h 33min

Dan Shappir's Failed Predictions - JSJ 552

Dan Shappir's Failed Predictions - JSJ 552

The panel goes back a few years and reviews some technology predictions that Dan made a few years ago on Quora. These include WASM, Progressive web apps, and others. Most were wrong, but one did end up being sort of accurate. Along the way, they go into some deep rabbit holes but manage to pull themselves out. As always, they end with picks, and Steve's stupendous dad jokes. SponsorsTop End DevsCoaching | Top End DevsLinksApple iOS browser grip loosened under latest draft EU rules- Top End DevsPicksAJ- Search Results for wire wheel at The Home DepotAJ - Rust-oleumAJ- Figma is powered by WebAssemblyAJ- ImageOptim - better Save for WebAJ- SquooshDan - Dev JokeDan- The 2022 Web AlmanacDan - CrUX and Core Web Vitals - What to Measure on the Web with Rick Viscomi - JSJ 486Dan - FargoDan - War in UkraineSteve - Dad JokesSupport 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 Okt 20221h 13min

Software Development as a Craft with Netta Bondy - JSJ 551

Software Development as a Craft with Netta Bondy - JSJ 551

Today we talk with Netta Bondy, a front end developer at Twang and dive into a discussion about when software development becomes a craft. We discuss the challenges of practicality vs. art, and the challenges of properly crafting code vs. working with popularly adopted methods. SponsorsTop End DevsCoaching | Top End DevsLinksThe Story of Mel with Tomer Lichtash and David Frankiel - JSJ 544Creeds of Craftsmanship · Issue #18 · BeyondCodeBootcamp/beyondcodebootcampFRONTEND CON 2020Twitter: @_bondit_PicksAJ- The Story of MelAJ- Creeds of Craftsmanship · Issue #18 · BeyondCodeBootcamp/beyondcodebootcampAJ- Form follows function - WikipediaAJ- Better Apps: Delivering Universal UI Patterns as Web ComponentsAJ- Engineering FestivusDan - My anniversaryDan- Code Complete 2nd editionDan- Web DirectionsDan - War in UkraineNetta- CSSBattleNetta- MIT OpenCourseWare | Free Online Course MaterialsNetta- The Priory of the Orange Tree (The Roots of Chaos, #1)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.

27 Sep 20221h 17min

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