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(734)

Data Wrangling in JavaScript with Ashley Davis - JSJ 484

Data Wrangling in JavaScript with Ashley Davis - JSJ 484

Ashley Davis jumps in to talk to Dan Shappir about wrangling data using JavaScript.Ashley describes his journey into JavaScript and his exposure to the web platform. From there he walks Dan through learning data science and building systems in Python before coming back to JavaScript.He talks through the tools and techniques used to manage data in JavaScript as well as how it can be done!PanelDan ShappirGuestAshley DavisSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial LinksData Wrangling with JavaScriptData-ForgeProject JupyterCharlie Gerard on TwitterBootstrapping Microservices with Docker, Kubernetes, and Terraform Code CapersData-Forge NotebookJSJ 442: Breaking Into Tech with Danny Thompson | Devchat.tvTwitter: Ashley Davis ( @ashleydavis75 )PicksAshley- AshleyDavis- TwitchDan- Interlude: Rethinking the JavaScript Pipeline OperatorContact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Special Guest: Ashley Davis.Sponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.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 Maj 20211h 7min

Women on Stage and in Tech with Moran Weber - JSJ 483

Women on Stage and in Tech with Moran Weber - JSJ 483

Moran Weber is the CEO of Women on Stage. She helps women prepare for and speak on stages at conferences in technology and other related areas. She joins the Jabber panel this week to discuss women's place in technology, the importance of them appearing at conferences, and the outcomes of women in the technology space.PanelAimee KnightAJ O'NealCharles Max WoodDan ShappirSteve EdwardsGuestMoran WeberSponsorsDev Influencers AcceleratorLinksMJS 078: Steve Edwards | Devchat.tvMJS 108: Dan Shappir | Devchat.tvViews on Vue: VUE 137: Using Laravel and VueJS in an Enterprise ApplicationCREATE FOLDER RECURSIVELY WITH POWERSHELLTwitter: Moran Weber ( @moranWeber )PicksAimee- Reverse Engineering a Docker Image - The Art of MachineryAJ- Follow Beyond Code Bootcamp: FacebookAJ- Beyond Code Bootcamp - YouTubeAJ- Twitter: Beyond Code Bootcamp ( @_beyondcode )AJ- webinstall.dev/vim-essentialsAJ- Jesus Christ AJ- New TestamentCharles- Dev Influencers | Devchat.tvCharles- Podcast Guest Preparation InstructionsCharles- The Courier (2020)Dan- Music ShowDan- Back/forward cacheMoran- Women tech speakers | Women on StageSteve- Timothy Keller Sermons Podcast by Gospel in LifeSteve- icanhazdadjokeSpecial Guest: Moran Weber . 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.

11 Maj 20211h 19min

Becoming the Go-To Person in Your Technology Area - BONUS

Becoming the Go-To Person in Your Technology Area - BONUS

Chuck was on a strategic call with one of his potential coaching clients talking about cryptocurrencies and realized that this is one of the major reasons that people want to become influencers. Or, rather, that many people aspire to make a difference and/or make money and the best way to do that is to become the person people go to for what you do.So, how do you become the first person people think of when they think of that thing you know how to do? Let Chuck tell you.PanelCharles Max WoodSupport 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 Maj 202116min

Changes in the JAMstack Landscape with Sean C Davis - JSJ 482

Changes in the JAMstack Landscape with Sean C Davis - JSJ 482

Dan kicks the show off by asking our guest Sean C. Davis to define for us what doesn't fall under JAMstack. Sean explains what isn't JAMstack and then dives into what's changed over the last year or so that brings us to the tools and approaches that hybridize the server end of things to bring more server side to the JAMstack.So, JAMstack lifts away from a monolithic backend to provide an independent front-end with a supporting set of back-end tools rather than a back-end with supporting front-end tools. This episodes dives into the implications of this approach as a reaction to the more traditional monolith.PanelAJ O'NealDan ShappirGuestSean C DavisSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialJavaScript Error and Performance Monitoring | SentryLinksComparing Static Site Generator Build Times | CSS-TricksGrouparoo: Open Source Synchronization  FrameworkUnmute Your Story | UnmutePicksAJ-  Follow Beyond Code | FacebookAJ- Twitter: Beyond Code Bootcamp ( @_beyondcode )AJ- vim-essentials | webinstall.devAJ- StackExchange AJ- Stack Overflow: The Architecture - 2016 EditionAJ- Comparing Static Site Generator Build Times | CSS-TricksAJ- Digital Ocean ($100 or 60 Days Free)Dan- How Wix improved website performance by evolving their infrastructureDan- Who has the fastest F1 website in 2021? Part 1Sean- Free JavaScript ResourcesSean- Ted Lasso Special Guest: Sean C Davis.Sponsored By:Sentry: Resolve JavaScript errors and performance issues with SentryRaygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.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.

4 Maj 20211h 3min

Don't Let These Things Keep You From Podcasting - BONUS

Don't Let These Things Keep You From Podcasting - BONUS

Charles talks about the things that get developers stuck when they're trying to start their podcast or other influencer channel. He explains how to get around having those things hamper your journey.PanelCharles Max WoodSupport 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 Apr 202115min

Data Oriented Programming with Yehonathan Sharvit - JSJ 481

Data Oriented Programming with Yehonathan Sharvit - JSJ 481

Yehonathan Sharvit joins the Jabber crew to discuss Data Oriented Programming. Data Oriented Programming is a way to reduce complexity by managing the shape of the data before we send it over the wire. Rather than managing data you send between services in class hierarchies, you focus on the data's meaning and manipulate it so the data it includes updates to your datastore like Redux and then cascade changes from your data.PanelAimee KnightAJ O'NealCharles Max WoodSteve EdwardsGuestYehonathan SharvitSponsorsDev Influencers AcceleratorJavaScript Error and Performance Monitoring | SentryLinksTwitter: Yehonathan Sharvit ( @viebel )PicksAimee- Zsh Tricks to Blow your MindAJ- UREVO Under Desk TreadmillAJ- 3 Filter Water FilterAJ- AJ ONeal | FacebookAJ- Beyond Code Bootcamp - YouTubeAJ- Twitter: Beyond Code Bootcamp ( @_beyondcode )Charles- Adventures in Machine Learning | Devchat.tvCharles- She's in Tech | Devchat.tvCharles- Dev Influencers AcceleratorCharles- DoctorsYehonathan- GitHub | viebel/klipse Special Guest: Yehonathan Sharvit.Sponsored By:Sentry: Resolve JavaScript errors and performance issues with SentrySupport 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 Apr 20211h

BONUS: Relationships Matter Most

BONUS: Relationships Matter Most

Charles Max Wood talks about how to build, grow, and benefit from positive relationships within programming. He talks about how he's built genuine positive relationships with hundreds of programmers and how he and others have grown from those relationships. He also explains that you get out of relationships what you put into them. Finally, he goes into how to begin to build relationships by building a system of influence you can use on behalf of the people you want relationships with.PanelCharles Max WoodSupport 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.

23 Apr 202119min

JSJ 480: Are Micro Frontends worth the effort? (And if so when?)

JSJ 480: Are Micro Frontends worth the effort? (And if so when?)

Micro frontends are the topic of discussion again, this time with Grgur Grisogono, Principal Consultant at Modus Create and co-author of the Manning book "Ext JS in Action". In particular, Grgur explains the new module federation capabilities introduced by Webpack, and describes how they can be used to construct micro frontends in a much more streamlined and modular fashion.PanelAJ O'NealCharles Max WoodDan ShappirSteve EdwardsGuestGrgur GrisogonoSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial JavaScript Error and Performance Monitoring | SentryLinksModule Federation | webpackTwitter: Grgur Grisogono ( @ggrgur )PicksAJ- Jim Kwik 10 Morning HabitsAJ- Wayne Brady's Comedy IQAJ- Beyond Code GmbH | FacebookAJ- Beyond Code Bootcamp | YouTubeAJ- Twitter: Beyond Code Bootcamp ( @_beyondcode )AJ- Digital Ocean (2 Months or $100 Free)Charles- The 12 Week Year by Brian P. Moran and Michael Lennington Charles- TrainingPeaks | Hit Your StrideCharles- Phil's Beginner Marathon Plan ( 4-6hrs/wk )Charles- ClickUpDan- Smash BurgerDan- #JavaScriptRiddle | TwitterGrgur- YeastGrgur- Modus CreateGrgur- Modus Create, Inc. | YouTubeSteve- Intagram: ( pun_bible )Steve- Instagram: ( standup.trex )Special Guest: Grgur Grisogono.Sponsored By:Sentry: Resolve JavaScript errors and performance issues with SentryRaygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.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.

20 Apr 20211h 14min

Populärt inom Business & ekonomi

badfluence
framgangspodden
varvet
rss-jossan-nina
rss-borsens-finest
uppgang-och-fall
bathina-en-podcast
avanzapodden
dynastin
fill-or-kill
svd-tech-brief
kapitalet-en-podd-om-ekonomi
rss-inga-dumma-fragor-om-pengar
rss-svart-marknad
rikatillsammans-om-privatekonomi-rikedom-i-livet
tabberaset
ekonomiakuten
rss-borslunch
rss-placerapodden
rss-veckans-trade