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.

Jaksot(734)

Pain-Free Automated Deployments with DigitalOcean's App Platform - BONUS

Pain-Free Automated Deployments with DigitalOcean's App Platform - BONUS

If you wish you could just push to your git repository and then have your application automatically update itself, then you should have a look at DigitalOcean's App Platform.This offering is a sort of secret weapon that allows you to customize your application with the services you need and then simply push to deploy.There's no outsourcing to 3rd party databases, etc. It's all included in DigitalOcean's offering. So, you just pick what you need and then set the app to deploy.DigitalOcean's App Platform also works for static sites. So, if you're running a build of your blog or JAMstack app, you'll find that App Platform already supports you.To try it out, go to https://do.co/jabber and sign up to get $PanelCharles Max WoodGuestChris SevPhil DoughertySpecial Guests: Chris Sev and Phil Dougherty.Sponsored By:DigitalOcean: Get started on DigitalOcean App Platform with $100 in free credit at do.co/jabber.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.

25 Kesä 202127min

Typing Without Transpilation - The Beauty of JSDoc - JSJ 489

Typing Without Transpilation - The Beauty of JSDoc - JSJ 489

Long time friend of the show Gil Tayar joins us again this time to discussing using JSDoc for JavaScript type annotations instead of TypeScript. Turns out that you can now get all of the benefits of TypeScript types without having to adopt the entire TypeScript workflow. Gil describes the benefits of this approach, and how it could impact the future of Web development.PanelAimee KnightCharles Max WoodDan ShappirSteve EdwardsGuestGil TayarSponsorsJavaScript Error and Performance Monitoring | SentryDigitalOceanDev Influencers AcceleratorLinksUse JSDocs: IndexJSDoc - WIkipediaJSDoc typings: all the benefits of TypeScript, with none of the drawbacksJSJ 441: The Present and Future of JavaScript Bundling and Delivery with Yoav Weiss | Devchat.tvTwitter: Gil Tayar ( @giltayar )PicksCharles- Ruby Rogues | Devchat.tvCharles- Built BarsCharles- Back MarketDan- Progress Delayed Is Progress Denied - Infrequently NotedGil- Daring FireballGil- Stratechery by Ben ThompsonSteve- Why You’re Christian - David PerellSteve- My Favorite One Liners | MuhammadContact Aimee:Aimee Knight – Software Architect, and International Keynote SpeakerGitHub: Aimee Knight ( AimeeKnight )Twitter: Aimee Knight ( @Aimee_Knight )LinkedIn: Aimee K.aimeemarieknight | InstagramAimee Knight | FacebookContact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSpecial Guest: Gil Tayar.Sponsored By:Sentry: Resolve JavaScript errors and performance issues with SentryDigitalOcean: Get started on DigitalOcean App Platform with $100 in free credit at do.co/jabber.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.

22 Kesä 20211h 16min

The React Way & Opinionated Practices with Ian Schwartz - JSJ 488

The React Way & Opinionated Practices with Ian Schwartz - JSJ 488

Never underestimate the power of teaching. Ian reached out to AJ in regards to previous comments about React on the show and demonstrated that he knows a whole lot more than most of us, so we had him on to talk about his learning journey, the philosophy of react, and top tips for new developers entering the field. Huzzah!PanelAJ O'NealCharles Max WoodSteve EdwardsGuestIan SchwartzSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial LinksContext - ReactuseEncapsulation | Kyle ShevlinIntroduction - EnzymeBefore You memo() - Overreacted118: Jenn Creighton on Composition and Architecture10 Morning Habits | Jim Kwik - YouTubeCouch to 5K – The Complete 5K Beginner Training PlanSchwartz.WorldPicksAJ- Context - ReactAJ- 118: Jenn Creighton on Composition and ArchitectureAJ- Introduction - EnzymeAJ- Before You memo() - OverreactedAJ- Security #RIIRAJ- webinstall.dev/vim-essentialsCharles- Changes at BasecampCharles- Monday.comIan- Preact CLIIan- Sleep ApneaContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )Contact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSpecial Guest: Ian Schwartz.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.

15 Kesä 20211h 20min

Node in the Browser and Much more: Web Containers with Eric Simons - JSJ 487

Node in the Browser and Much more: Web Containers with Eric Simons - JSJ 487

Eric Simons from Stackblitz joins the JSJ panel to discuss the game changing technology announced at Google.io this year. What they demonstrated was their ability to run NodeJS in the browser using new technology called Web Containers. However, the implications go well beyond the realities of running Node in the browser. Eric and the panel dive into the implications of what this new way of working could mean for the web and application development.PanelAimee KnightAJ O'NealCharles Max WoodDan ShappirSteve EdwardsGuestEric SimonsSponsorsJavaScript Error and Performance Monitoring | SentryDigitalOceanDev Influencers AcceleratorLinksHow do I manually turn off/on voice guidance on my Jabra Evolve 75?JSJ 450: Native Features Inside The Browser – Introducing Google’s Project Fugu with Thomas Steiner | Devchat.tvJSJ 280: Stackblitz with Eric Simons and Albert Pai | Devchat.tvHow to publish N-API package | Node.jsIntroducing WebContainers: Run Node.js natively in your browserStackBlitzEricSimons - StackBlitzTwitter: Eric Simons ( @ericsimons40 )PicksAimee- GitHub | jtpio/jupyterliteAJ- WASM, Rust, the State of Async/Await - Utah Rust Nov 2020AJ- A 'Worst Nightmare' Cyberattack: The Untold Story Of The SolarWinds HackAJ- GitHub | dbohdan/classless-cssAJ- GitHub | therootcompany/tz.jsAJ- GitHub | therootcompany/async-routerCharles- DevOps 062: Behind the SolarWinds breach | Devchat.tvCharles- Ancestry®Charles- FamilySearchCharles- Learn your heritageCharles- Learn your country’s heritageDan- Why Hamas Keeps Fighting, and LosingDan- Jupiter's LegacyEric- Next.js ConfSteve- Tyrannosaurus on InstagramContact Aimee:Aimee Knight – Software Architect, and International Keynote SpeakerGitHub: Aimee Knight ( AimeeKnight )Twitter: Aimee Knight ( @Aimee_Knight )LinkedIn: Aimee K.aimeemarieknight | InstagramAimee Knight | FacebookContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )Contact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSpecial Guest: Eric Simons .Sponsored By:Sentry: Resolve JavaScript errors and performance issues with SentryDigitalOcean: Get started on DigitalOcean App Platform with $100 in free credit at do.co/jabber.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.

8 Kesä 20211h 18min

The 3 Essentials for Successful Job Outcomes - BONUS

The 3 Essentials for Successful Job Outcomes - BONUS

Chuck dives into the 3 essentials for getting the next successful outcome you want in your career. Whether that's something simple like a raise or something more complex like going freelance, you can achieve it by working on 3 main areas.First, building skills. The most obvious type of skills you'll need is technical skills. However, don't neglect your people skills and your organizational skills as well since you're often paid for how you work with people and enhance their work and how you put your work together in the most efficient ways.Second, building relationships. Often other people will be able to help you find the opportunities or will be the ones to make the decisions that impact your ability to get the outcome you want. Having good relationships is key to having good outcomes.Third, building recognition. Being known for being valuable in important ways allows you to leverage the skills you have to build better relationships and create opportunities to get what you need to get the outcomes you want by giving people what they want. A podcast is a great way to do all three. Chuck explains exactly how that works in this podcast and goes deeper as part of the Dev Influencers Accelerator.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.

4 Kesä 202135min

CrUX and Core Web Vitals - What to Measure on the Web with Rick Viscomi - JSJ 486

CrUX and Core Web Vitals - What to Measure on the Web with Rick Viscomi - JSJ 486

Rick Viscomi joins us from Google to talk to us about the Chrome User Experience Report (CrUX) and the HTTP Archive. He explains what it tells us about how the web is built, how it performs, and what we know about the web today.PanelAimee KnightAJ O'NealDan ShappirSteve EdwardsGuestRick ViscomiSponsorsDev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial LinksJSJ 334: “Web Performance API” with Dan Shappir | Devchat.tvJSJ 428: The Alphabet Soup of Performance Measurements | Devchat.tvIs my host fast yet?Twitter: Rick Viscomi ( @rick_viscomi )PicksAimee- SparkPostAimee- BigQuery: Qwik Start - ConsoleAJ- SendGridAJ- Tuscan Dairy Whole Vitamin D MilkAJ- The Twelve-Factor AppAJ- webinstall.dev/fzfDan- Great TVDan- Keep daylight savings time all year roundRick- Vsauce - YouTubeRick- Uranium Ore Steve- The State of CSS SurveySteve- GitHub | State of JS 2020 QuestionsContact Aimee:Aimee Knight – Software Architect, and International Keynote SpeakerGitHub: Aimee Knight ( AimeeKnight )Twitter: Aimee Knight ( @Aimee_Knight )LinkedIn: Aimee K.aimeemarieknight | InstagramAimee Knight | FacebookContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | FacebookTwitter: Beyond Code Bootcamp ( @_beyondcode )Contact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSpecial Guest: Rick Viscomi.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.

1 Kesä 20211h 9min

How to Get Hired at a FANG Company - BONUS

How to Get Hired at a FANG Company - BONUS

Chuck explains what he taught Nathan last week when we asked how to get hired at a FANG (Facebook Apple/Amazon Netflix Google) company. Essentially, it boils down to how to build the skills and knowledge needed to pass the interview. How to build the relationships to get into the door and have the interviewer want you to succeed. And how to build the reputation that has the company wanting you regardless of the outcome. This approach also works for speaking at conferences, selling courses, and other outcomes as well as it's the core of building a successful career as an influencer.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.

28 Touko 202122min

Things JavaScript Developers Should Know, Part 2 - JSJ 485

Things JavaScript Developers Should Know, Part 2 - JSJ 485

Dan Shappir leads the Jabber crew on another discussion on the things JavaScript developers should know.They discuss WeakMap, WeakSets, and WeakReferences. They dive into where and how they are used and which places they're implemented.The conversation starts with garbage collection is and how it works and then moves into the implications it has for this kind of referencings.PanelAimee KnightAJ O'NealCharles Max WoodDan ShappirSteve EdwardsSponsorsDev Influencers AcceleratorJavaScript Error and Performance Monitoring | SentryLinksWeakMap - JavaScriptWeak references and finalizersPicksAimee- How to Read Books When You Have ADHDAJ- Elemental: War of Magic | War StoriesAJ- Ars Technica: War Stories Season 1AJ- Super Guitar BrosAJ- CREATE FOLDER RECURSIVELY WITH POWERSHELLCharles- Having terrific people in your lifeCharles- Monday.comCharles- The Common Path to Uncommon SuccessDan- Israelis no longer need to wear masksDan- Google introduced a new featureSteve- DoesTheDogDie.comContact Aimee:Aimee Knight - Software Architect, and International Keynote SpeakerGitHub: Aimee Knight ( AimeeKnight )Twitter: Aimee Knight ( @Aimee_Knight )LinkedIn: Aimee K.aimeemarieknight | InstagramAimee Knight | FacebookContact AJ:AJ ONealCoolAJ86 on GITBeyond Code BootcampBeyond Code Bootcamp | GitHubFollow Beyond Code Bootcamp | Facebook Twitter: Beyond Code Bootcamp ( @_beyondcode )Contact Dan:GitHub: Dan Shappir ( DanShappir )LinkedIn: Dan ShappirTwitter: Dan Shappir ( @DanShappir )Contact Charles:Devchat.tvDevChat.tv | FacebookTwitter: DevChat.tv ( @devchattv )Contact Steve:Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve EdwardsSponsored 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.

25 Touko 20211h 16min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
rss-rahapodi
mimmit-sijoittaa
herrasmieshakkerit
ostan-asuntoja-podcast
rss-rahamania
rss-lentopaivakirjat
inderespodi
rss-neuvottelija-sami-miettinen
leadcast
rss-laakispodi
rss-bisnesta-bebeja
rss-what-the-hair
rss-johtajien-tyonhakusirkus
rss-rahataito-podcast
syo-nuku-saasta
markkinointi-mimmit
rss-porssipuhetta
rss-vaikuttavan-opettajan-vierella