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

JSJ 475: DevOps for the JavaScript Developer

JSJ 475: DevOps for the JavaScript Developer

In recent years the term DevOps has become ubiquitous - you'll find DevOps engineers in most every tech organization. But what does DevOps actually mean, and how does it differ from previously existing System and Network engineering and DBAs? In this episode our own Aimee Knight, who is currently expanding her role into DevOps, answers these questions, and provide further information about it.PanelAimee KnightAJ O'NealDan ShappirSponsorsDexecureRaygun | Click here to get started on your free 14-day trialJavaScript Error and Performance Monitoring | SentryLinksPulumixkcd: MoneyDevchat.tv | JSJ 440: Why Serverless with Gareth McCumskeyPicksAimee- The many lies about reducing complexity part 2: CloudAJ- Life as a Bokoblin - A Zelda Nature DocumentaryAJ- lbry.tvAJ- Everything GameCube Homebrew in 6 MinutesAJ- webinstall.dev/gitdeployAJ- Mic Shootout: Best Value & Budget Lavs under $50 - Røde, Giant Squid, Boya, Movo, Power DeWiseDan- Wix Student Program | Wix EnterDan- DHH on TwitterSponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Sentry: Resolve JavaScript errors and performance issues with SentryDexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

16 Mar 20211h 6min

JSJ 474: Things JavaScript Developers Should Know, Part 1

JSJ 474: Things JavaScript Developers Should Know, Part 1

Having done a three-part series on the things JavaScript developers MUST know, Dan now leads a panel discussion on the things that JavaScript developers SHOULD know. These are things that devs can get by without knowing, but that will improve their abilities if they do know and understand. Subjects covered include: passing functions args by value vs by reference, sparse arrays, property descriptors, event capture, and more.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsSponsorsDexecureDev Heroes AcceleratorLinksBubbling and capturingPicksAimee- Load balancing and its different typesAJ- Ethan Garofolo - YouTubeAJ- XMissionAJ- LuaJITAJ- rclone | webinstall.devAJ- USB-C Cozy for USB C Adapters AJ- xkcd: SecurityDan- Tel Aviv weatherDan- Axel RauschmayerDan- 2ality – JavaScript and moreDan- JavaScript for impatient programmers (ES2021 edition)Sponsored By:Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

9 Mar 20211h 22min

JSJ 473: The Elements framework with Chris Mather

JSJ 473: The Elements framework with Chris Mather

Steve and A.J. talk with Chris Mather, the creator of the Elements framework, a new monolith-style web framework for generating web apps. They discuss the reason for adding YAF (Yet Another Framework), the pieces that are used to build the framework, and how it all works together.PanelAJ O'NealSteve EdwardsGuestChris MatherSponsorsDexecureRaygun | Click here to get started on your free 14-day trialDev Heroes AcceleratorLinksElementsGitHub | elementscode/applicationPicksAJ- Ubiquiti - Simplifying ITAJ- UHD Friendly Blu-Ray LibreDriveChris- Having a babySteve- The COVID-19 Vaccines and God’s ProvidenceSpecial Guest: Chris Mather.Sponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

2 Mar 20211h 17min

JSJ 472: RedwoodJS Brings Full-Stack to the JAMstack with Anthony Campolo

JSJ 472: RedwoodJS Brings Full-Stack to the JAMstack with Anthony Campolo

Anthony Campolo joins the conversation to lead the discussion of RedwoodJS. RedwoodJS is a full-stack framework that provides a way of building a fast and secure front-end that JAMstack gives you with the power and flexibility of a backend.It doesn't have an official ORM, instead it uses GraphQL through Prisma. This discussion goes deep into the history and implementation of RedwoodJS.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsGuestAnthony CampoloSponsorsDev Heroes AcceleratorLinksFSJam PodcastA First Look at RedwoodJS - Complete SeriesPicksAimee- GCP Outpaces Azure, AWS in the 2021 Cloud ReportAJ- xkcd: File TransferAnthony- RedwoodJS CommunityAnthony- RedwoodJS - Bringing full-stack to the JamstackDan- State of JS 2020Steve- The Man Who Knew Too Much (1956)Special Guest: Anthony Campolo. 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.

23 Feb 202153min

JSJ 471: Things Every JavaScript Developer Must Know - Part 3

JSJ 471: Things Every JavaScript Developer Must Know - Part 3

In this episode, the panel discusses the final list of things that developers need to know and how and when they're important. These topics include:Duck typingTypeScriptVarious programming terms and concepts: recursion, garbage collection, MVC, etc.JS number and Math system (NaN, precision, BigInt, …)At least one frameworkAt least one testing frameworkA bundler (WebPack or Rollup or Parcel etc)PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsSponsorsDexecureRaygun | Click here to get started on your free 14-day trialDev Heroes AcceleratorPicksAimee- 10 Powerful Life Skills for the New DecadeAJ- Epic React by Kent C. Dodds $300 React | Kent C DoddsAJ- Udemy $10 React | Stephen GrinderAJ- Zoom H1n ( Amazon )AJ- Zoom H1n ( Ebay )AJ- Apple M1 (MacBook) AirDan- Youtube | Chromium UniversitySteve- Greater (2016)Sponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

16 Feb 20211h 12min

JSJ 470: Fine Tuning Your Psychological Stack, or DevOps For Your Brain

JSJ 470: Fine Tuning Your Psychological Stack, or DevOps For Your Brain

You're working on planning and executing your professional and technical journeys, but what about your psychological journey? The reality is that without taking better care of yourself, you are potentially setting yourself up for failure, and potentially also putting your health and wellbeing at risk. We are joined by Wei-Ming Lam, a coach and Yoga Instructor who provides practical advice for constructing and tuning your psychological stack.PanelAJ O'NealDan ShappirSteve EdwardsGuestWei-Ming LamSponsorsDexecureDev Heroes AcceleratorLinksThe Middle WeiYoutube | The Middle WeiPicksAJ- As a Man Thinketh by James Allen AJ- Deep Work: Rules for Focused Success in a Distracted World by Cal Newport AJ- The Mind and the Brain: Neuroplasticity and the Power of Mental Force by Jeffrey M. Schwartz MDAJ- The War of Art by Steven PressfieldAJ- M1 Macbook AirAJ- PLEXAJ- EmbyAJ- webinstall.dev/syncthingDan- Covid-19 VaccineDan- Should The Web Expose Hardware Capabilities? by Noam RosenthalSteve- Tenet (2020)Steve- The Essential Compendium of Dad Jokes by Thomas Nowak Steve- Psychiatrist: Americans Are Suffering From ‘Mass Delusional Psychosis’ Because Of Covid-19Wei- Ming- Grit: The Power of Passion and Perseverance by Angela DuckworthWei-Ming- Whetstone Knife SharpenerWei-Ming- Blade Sharpening FundamentalsWei-Ming- Get a houseplant Special Guest: Wei-Ming Lam.Sponsored By:Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

9 Feb 20211h 21min

BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask

BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask

John-Daniel Trask, founder and CEO of Raygun, talks about his experience building a monitoring company and about how to measure the speed and quality of your code. 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.

5 Feb 202150min

JSJ 469: The Case for JavaScript Iterators and Generators, part 2

JSJ 469: The Case for JavaScript Iterators and Generators, part 2

This is the follow on to the episode first recorded regarding JavaScripts iterators and generators. Dan takes the lead and picks up from last time. The panel discusses how JavaScript uses and implements iterators and where people are likely to see them. Then they dive into generators and briefly discuss the concept and their uses.CODE:x = {[Symbol.iterator]() {let i = 0;return {next: () => ({done: i >= 10,value: i++})};}};for (const v of x) console.log(v);console.log([…x]);console.log(…x);function* g() {for (let i = 0; i < 10; ++i) yield i;}PanelAJ O'NealCharles WoodDan ShappirSponsorsDexecureRaygun | Click here to get started on your free 14-day trialNext Level MastermindLinksA Promise of a Bright Future With Async Iterators, Generators, and Pipes, Part 1Devchat.tv | JSJ 437: Inside the Brave Browser with Jonathan SampsonFlint 4kPicksAJ- Charles WoodAJ- 12 Rules for Life PosterAJ- Brave BrowserAJ- Need for Speed Hot Pursuit (Remastered)Charles- Devchat.tv | The Dev RevCharles- Most Valuable DeveloperCharles- Elgato Cam Link 4KCharles- Podcast PlaybookCharles- The Hero with a Thousand Faces by Joseph CampbellDan- Netflix Series: The Queen's GambitDan- Automating audits with AutoWebPerfSponsored By:Raygun: Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Dexecure: Exclusive Offer For Javascript Jabber Listeners Promo Code: DEXJSJAB 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.

2 Feb 20211h 18min

Populært innen Business og økonomi

stopp-verden
dine-penger-pengeradet
rss-penger-polser-og-politikk
e24-podden
lydartikler-fra-aftenposten
rss-borsmorgen-okonominyhetene
pengepodden-2
utbytte
tid-er-penger-en-podcast-med-peter-warren
pengesnakk
morgenkaffen-med-finansavisen
lederpodden
rss-markedspuls-2
rss-investering-gjort-enkelt
voksenpoeng-en-guide-til-voksenlivet
finansredaksjonen
livet-pa-veien-med-jan-erik-larssen
rss-finanslunsj
okonomiamatorene
paretopodden