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.

Avsnitt(725)

New Frontiers in Web Platform Development with Bruce Lawson - JSJ

New Frontiers in Web Platform Development with Bruce Lawson - JSJ

In this episode, they dive into the world of web development, featuring insightful discussions on the differences and costs associated with hiring React Native developers, the importance of understanding web standards and browser differences, and the ongoing efforts of the Open Web Advocacy organization. They share their experiences, concerns, and insights on Apple's impact on the open web, the EU's investigation into Apple's actions, and the implications of progressive web apps in light of Apple's policies. Join them as they unravel the complexities and controversies shaping the web development landscape, and explore the future of web app accessibility and competition across devices.SocialsLinkedIn: Bruce LawsonBruce LawsonPicksCharles - Harry Potter: Death Eaters Rising Charles - Vite | Next Generation Frontend ToolingDan - Barry Pollard | Google IODan - React Compiler: In-Depth Beyond React Conf 2024Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

4 Juni 20241h 19min

Building a Custom Front-end Framework - JSJ 633

Building a Custom Front-end Framework - JSJ 633

Zach Lankton is the Product Engineer at Signature Payments. They dive deep into the world of software development and tech innovations. In this episode, they explore a wide range of topics, the main focus is on ReZact, a cutting-edge front-end framework discussed by Zach, which shares similarities with React and Svelte. The conversation covers the framework's unique features, the challenges of customizing form inputs in the browser, and the value of leveraging native browser capabilities. Additionally, they delve into the concept of signals as a means of state management, the technical implementation of signals, and their benefits compared to other state management tools. And that's just scratching the surface! So, get ready to enrich your knowledge and dive into the latest trends in software development with this insightful discussion.SocialsLinkedIn: Zach L. PicksAJ - The Andromeda StrainZach - A Man in Full | Netflix Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

28 Maj 20241h 21min

Sentry's Impact on Web Vitals Understanding - JSJ 632

Sentry's Impact on Web Vitals Understanding - JSJ 632

Lazar Nikolov is a Full-stack engineer. They engage in a deep exploration of diverse subjects, from historical veracity and book recommendations to crucial insights on web performance monitoring tools. Join the esteemed panelists as they navigate the complexities of understanding historical events, reflect on significant global issues such as Holocaust Memorial Day and ongoing conflicts, and delve into the intricacies of improving website performance with cutting-edge tools like Sentry. Stay tuned for an insightful and thought-provoking discussion that combines expert analysis with real-world applications in the realm of development and technology.Sponsors"Testim, who makes an end to end testing tool"Chuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Lazar NikolovGitHub: nikolovlazarBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

21 Maj 20241h 25min

Embracing Angular's Evolution with Santosh Yadav - JSJ 631

Embracing Angular's Evolution with Santosh Yadav - JSJ 631

Santosh Yadav is a Google Developer Expert for Angular. They dive into the world of JavaScript and development. The discussion centers around the topic of why Angular is considered the best framework, with insights from Santosh, Steve Edwards, and Charles Max Wood. They explore the history and evolution of Angular, its resurgence, and the recent improvements post-Angular 14. They also delve into Angular's migration process, state management options, and the future direction of the framework. Join them as they explore the technical aspects and practical implications of Angular in the development landscape. So, tune in and explore the world of Angular through the eyes of experienced developers.SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Santosh YadavSantosh Yadav PicksCharles - The Crew: The Quest for Planet NineBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

7 Maj 20241h

Web3 with Nik Kalyani - JSJ 630

Web3 with Nik Kalyani - JSJ 630

Feel like you don’t know enough about Web3? Don’t worry, neither do we. That’s where these podcasts come in! In this new episode, the Jabberers sit down with Nik Kalyani, the founder of Decentology and overall Web3 expert. The gang discusses the “big D” of Web3 (and why you need to understand it), how Web3 changes the game for blockchain and the like, and how Web3 is going to make gaming bigger AND more lucrative.“For developers, Web3 equals a green field of opportunity!”- Nik KalyaniIn This Episode The “big D” that you NEED to know to understand Web3 (and why it’s about more than just the tech) The BIGGEST concern about Web2 that Web3 is trying to solve (and how it changes privacy for everyone) How to navigate NFTs, blockchain, and more buzzwords in Web3 The future of Java with Web3 (and why it’s easier than Web2!) How Web3 is changing the game for gamingSponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipPicksAJ- Genetically Modified Skeptic (Rational Atheist)AJ- AJ's Litmus Test (Contact me you're looking for work)Follow CoolAJ86 Live Streams: YouTube: https://youtube.com/coolaj86Twitch: https://twitch.tv/coolaj86Follow Beyond Code: YouTube: https://www.youtube.com/channel/UC2KJHARTj6KRpKzLU1sVxBATwitter: https://twitter.com/@_beyondcodeCharles- Wavelength | Board Game | BoardGameGeekCharles- Charles is Hiring! Charles- Best Tasting Protein Bars | BuiltBar.comNik- CATAN - CATANNik- Halt and Catch FireSteve- Twitter: Dad Jokes ( @Dadsaysjokes )Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

30 Apr 20241h 24min

From Learning New Languages to Learning New Technologies - JSJ 629

From Learning New Languages to Learning New Technologies - JSJ 629

Tony Alicea is a Udemy and Pluralsight Instructor. They delve into the crucial topic of understanding and mastering technology, featuring insightful discussions and experiences from our speakers. From the shift in focus from technical problems to effective communication and marketing to the significance of deeply understanding a system rather than just focusing on coding, they provide valuable perspectives on building strong foundations, navigating challenges, and staying current in the ever-evolving tech landscape. They also touch on the importance of curiosity, learning by doing, and the potential impact of AI-generated code. Join them as they explore the nuances of learning and understanding technology in this engaging and thought-provoking episode.SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinks https://understandingreact.com (coupon code JSJABBER)https://thesmythgroup.comSocialsTony AliceaTwitter: @AnthonyPAliceaPicksCharles - DoomlingsCharles - FinchCharles - Training PeaksCharles - 75 HardDan - RipleyTony - Forbidden IslandTony - Tales from the LoopBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

23 Apr 20241h 33min

Unveiling Qwik and JavaScript Streamlining Web Development with Shai Reznik - JSJ 628 with Shai Reznik - JSJ 628

Unveiling Qwik and JavaScript Streamlining Web Development with Shai Reznik - JSJ 628 with Shai Reznik - JSJ 628

Shai Reznik is the Founder & CEO at HiRez.io and he is a Qwik Team Member. They dive deep into the world of web development with a focus on the Qwik framework and JavaScript streaming. They explore topics such as predictive buffering, Qwik Insight, automating tasks, optimizing user and developer experiences, and the challenges of large-scale JavaScript refactoring. With a blend of technical insights and personal experiences, they shed light on the evolution of web development and the future role of AI in frameworks like Qwik. This episode is packed with thought-provoking discussions, expert opinions, and valuable resources for developers aiming to stay at the cutting edge of web development. So buckle up and get ready for an insightful journey into the world of fast and efficient web development.SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Shai ReznikPicksDan - My Daemon on NetflixShai - The Gentlemen on NetflixBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

14 Apr 20241h 21min

Svelte 5: Compiler, Signals, and Web App Performance - JSJ 627

Svelte 5: Compiler, Signals, and Web App Performance - JSJ 627

Rich Harris joins this week's episode. They dive deep into the world of web application performance, signals, and the capabilities of Svelte 5. Join them as they explore the innovative features of Svelte 5, its compiler capabilities, and its potential impact on application building. From discussing the fastest mainstream framework to drawing parallels with traditional compiler optimization modes, they leave no stone unturned in dissecting the advancements in Svelte 5. Stay tuned as they also explore topics like React server components, the controversy around embedding SQL in React components, and much more. SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipSocialsGitHub: Rich HarrisPicksCharles - Sushi Go Party! | Board GameDan - "Rethinking reactivity" talk by Rich Harris from 2019Dan - I Care a Lot Dan - Saga of the Pliocene ExileBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

9 Apr 20241h 21min

Populärt inom Business & ekonomi

framgangspodden
varvet
badfluence
svd-ledarredaktionen
rss-borsens-finest
avanzapodden
uppgang-och-fall
lastbilspodden
rss-dagen-med-di
fill-or-kill
borsmorgon
affarsvarlden
rss-kort-lang-analyspodden-fran-di
rss-inga-dumma-fragor-om-pengar
24fragor
tabberaset
kapitalet-en-podd-om-ekonomi
rikatillsammans-om-privatekonomi-rikedom-i-livet
dynastin
montrosepodden