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

JSJ 371: The Benefits and Challenges of Server-Side Rendering (SSR) with Dan Shappir

JSJ 371: The Benefits and Challenges of Server-Side Rendering (SSR) with Dan Shappir

SponsorsTriplebyte offers a $1000 signing bonusSentry use the code “devchat” for $100 creditCacheFlyPanelCharles Max WoodJoe EamesChristopher BuechelerAimee KnightAJ O’NealJoined by special guest: Dan ShappirEpisode SummaryIn this episode of JavaScript Jabber, special guest Dan Shappir, Performance Tech Lead at Wix, kicks off the discussion by defining server-side rendering (SSR) along with giving its historical background, and touches on the differences between server rendering and server-side rendering. He helps listeners understand in detail how SSR is beneficial for the web and takes questions from the panel about how it affects web performance in cases where first-time users and returning users are involved, and how does SSR fare against technologies such as pre-rendering. He then elaborates on the pitfalls and challenges of SSR including managing and declaring variables, memory leaks, performance issues, handling SEO, and more, along with ways to mitigate them. In the end, Dan sheds some light on when should developers use SSR and how should they start working with it.LinksDan’s TwitterDan’s GitHubSSRWeakMapFollow JavaScript Jabber on Devchat.tv, Facebook and Twitter.PicksChristopher Buecheler:Tip - Take some time off once in a whileAimee Knight:Learning How to Learn: Powerful mental tools to help you master tough subjectsAJ O’Neal:Fatherhood!Joe Eames:Tiny TownsThe GoldbergsCharles Max Wood:EverywhereJSChristopher Buecheler’s booksGet a Coder Job - Publishing soon!Dan Shappir:QuoraCorvid by WixYou Gotta Love Frontend ConferencesSpecial Guest: Dan Shappir. 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 Jul 20191h 10min

JSJ 370:  Azure Functions Part II with Jeff Hollan LIVE at Microsoft BUILD

JSJ 370: Azure Functions Part II with Jeff Hollan LIVE at Microsoft BUILD

SponsorsTriplebyte offers a $1000 signing bonusSentry use the code “devchat” for 2 months free on Sentry small planCacheFlyPanelCharles Max Wood Joined by Special Guest: Jeff Hollan Episode SummaryComing to you live from the podcast booth at Microsoft BUILD is Charles Max Wood with Jeff Hollan. Jeff is a Sr. Program Manager for the Azure Functions cloud service. Continuing from where Colby Tresness left off in Adventures in Angular 241: Azure Functions with Colby Tresness LIVE at Microsoft BUILD, Jeff defines what “serverless” really means in developer world. Jeff also talks about various scenarios where Azure functions are extremely useful and explains what Durable Functions are.Jeff and Charles discuss creating and running an Azure function inside a container and the upcoming capabilities of Azure functions they are currently working on.LinksJavaScript Jabber 369: Azure Functions with Colby Tresness LIVE at Microsoft BUILDDurable FunctionsJeff’s GitHubJeff’s TwitterJeff’s LinkedInJeff’s WebsiteJeff’s MediumMicrosoft Build 2019Follow JavaScript Jabber on Devchat.tv, Facebook and Twitter.PicksJeff Hollan:Calm AppGame of Thrones TV SeriesCharles Max Wood:Family Tree AppSpecial Guest: Jeff Hollan. 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 Jun 201954min

JSJ 369:  Azure Functions with Colby Tresness LIVE at MIcrosoft BUILD

JSJ 369: Azure Functions with Colby Tresness LIVE at MIcrosoft BUILD

SponsorsTriplebyte offers a $1000 signing bonusSentry use the code “devchat” for $100 creditLinode offers $20 creditCacheFlyPanelCharles Max Wood Joined by Special Guest: Colby TresnessEpisode SummaryComing to you live from the podcast booth at Microsoft BUILD is Charles Max Wood with Colby Tresness. Colby is a Program Manager on Azure Functions at Microsoft. Azure functions are the serverless functions on Azure. Colby explains what the Azure functions premium plan entails, then talks about KEDA – Kubernetes-based event-driven autoscaling, a Microsoft and Red Hat partnered open source component to provide event-driven capabilities for any Kubernetes workload. One of the other cool features of serverless functions they talk about is the Azure serverless community library.Colby and Charles discuss the best way to get started with Azure functions, as well as the non-JavaScript languages it supports.LinksColby’s GitHubColby’s TwitterColby’s LinkedInColby’s BlogMicrosoft Build 2019KEDARed HatAzure Serverless Community LibraryFollow Adventures in Angular on tv, Facebook and Twitter.PicksColby Tresness:Barry (TV Series 2018– ) – IMDb Charles Max Wood:The Legend of Zelda: Breath of the WildThe MFCEO Project Podcast – Andy Frisella Downtown SeattleSpecial Guest: Colby Tresness. 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 Jun 201938min

JSJ 368: TypeScript - Good or Bad

JSJ 368: TypeScript - Good or Bad

SponsorsTriplebyte offers a $1000 signing bonusSentry use the code “devchat” for $100 creditLinode offers $20 creditCacheFlyPanelJoe EamesAJ O’NealEpisode SummaryIn this episode of JavaScript Jabber, Joe Eames and AJ O’Neal talk about what TypeScript is, and their background and experiences with it. They discuss the different kinds of typed languages such as dynamic vs static, strong vs weak, implicit vs explicit casting and the reasons for selecting one type over the other. AJ shares his opinion on not preferring TypeScript in general, while Joe offers a counter perspective on liking it, and both give a number of reasons to support each argument. They talk about some final good and bad points about TypeScript and move on to picks.LinksTypeScriptCoffeeScriptFollow JavaScript Jabber on Devchat.tv, Facebook and Twitter.PicksJoe Eames:CypressWhat if your dev environment was a PWA? 🤯 | Eric SimonsAngular 8 IntergalacticStar Wars Tantive IV Lego setAJ O’Neal:Measure What Matters@root on npm@bluecrypt on npm  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 Jun 201958min

JSJ 367: Pair Programming

JSJ 367: Pair Programming

SponsorsTriplebyte offers a $1000 signing bonusSentry use the code “devchat” for $100 creditLinode offers $20 creditCacheFlyPanelAimee KnightAJ O’NealChris FerdinandiEpisode SummaryIn this episode of JavaScript Jabber, the panelists discuss each one’s definition of the term ‘pairing’ in programming, including factors like being remote or local, having different seniority levels and the various approaches of going about it in general. They talk about how valuable pairing is, in terms of benefiting the individual as well as how productive it is for the company or the overall business.The panel also discuss prototyping, pseudo-coding and the advantages and trade-offs involved in pair programming. They talk about their own experiences in which pairing had proven to be extremely beneficial and the ones where it went completely wrong, thereby helping listeners understand the dos and don’ts of the technique. In the end, they elaborate on what actually happens in pairing interviews and the overall hiring process while sharing anecdotes from their own lives.LinksFollow JavaScript Jabber on Devchat.tv, Facebook and Twitter.PicksChris Ferdinandi:Enso RingsVanilla JS ProjectsAJ O’Neal:Salt and Pepper Grinder setPeppercorn blendPink Himalayan saltAimee Knight:Enneagram testKittyramaSupport 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 Jun 20191h 4min

JSJ 366: npm with Mikeal Rogers

JSJ 366: npm with Mikeal Rogers

SponsorsTriplebyte offers a $1000 signing bonusSentry use the code “devchat” for $100 creditLinode offers $20 creditCacheFlyPanelAJ O’NealChris FerdinandiAimee KnightCharles Max WoodJoined by special guest: Mikeal RogersEpisode SummaryThis episode of JavaScript Jabber starts with Mikeal Rogers introducing himself and his work in brief. Charles clarifies that he wants to focus this show on some beginner content such as node.js basics, so Mikeal gives some historical background on the concept, elaborates on its modern usage and features and explains what “streams” are, for listeners who are starting to get into JavaScript. The panelists then discuss how languages like Go and Python compare to node.js in terms of growth and individual learning curves. Mikeal answers questions about alternate CLIs, package management, Pika, import maps and their effect on node.js, and on learning JavaScript in general. Chris, Charles and AJ also chip in with their experiences in teaching modern JS to new learners and its difficulty level in comparison to other frameworks. They wrap up the episode with picks.LinksMikeal on TwitterMikeal on GitHubFollow JavaScript Jabber on Devchat.tv, Facebook and Twitter.PicksChris Ferdinandi:Mozilla FirefoxArtifact ConferenceAimee Knight:A Magician Explains Why We See What’s Not ThereProgramming: doing it more vs doing it betterMikeal Rogers:The Future of the Web – CascadiaJS 2018Brave BrowserCharles Max Wood:PodwrenchSpecial Guest: Mikeal Rogers. 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.

28 Mai 20191h 11min

JSJ 365: Do You Need a Front-End Framework?

JSJ 365: Do You Need a Front-End Framework?

SponsorsSentry use code “devchat” for 2 months free Triplebyte $1000 signing bonus LinodePanelCharles Max WoodAimee KnightChris FerdinandiAJ O’NealJoe EamesEpisode SummaryToday the panel discusses the necessity of a front end framework. Overall, there is a consensus that frameworks are not necessary in all situations. They discuss the downsides of using frameworks, such as being restricted by the framework when doing edge development and the time required for learning a framework. They talk about the value of frameworks for learning patterns in programming. The panel delves into the pros and cons of different frameworks available. Joe shares a story about teaching someone first without a framework and then introducing them to frameworks, and the way it helped with their learning. One of the pros of frameworks is that they are better documented than manual coding. They all agree that it is not enough to just know a framework, you must continue to learn JavaScript as well. They talk about the necessity for new programmers to learn a framework to get a job, and the consensus is that a knowledge of vanilla JavaScript and a general knowledge of the framework for the job is important. New programmers are advised to not be crippled by the fear of not knowing enough and to have an attitude of continual learning. In the technology industry, it is easy to get overwhelmed by all the developments and feel that one cannot possibly learn it all. Charles gives advice on how to find your place in the development world. The show concludes with the panel agreeing that frameworks are overall a good thing and are valuable tools. LinksJWTAngularVueBackboneGoLangExpressReactReduxHyper HTML4eachPascalJQueryNpm.js Follow DevChat on Facebook and Twitter PicksCharles Max Wood:PodwrenchAimee Knight:How to Love Your Job and Avoid BurnoutSo Good They Can’t Ignore YouChris Ferdinandi:Vanilla JS toolkitThinksterArtifact ConferenceAJ O’Neal:Binary CocoaBinary Cocoa Slamorama KickstarterBinary Cocoa Straight 4RootSupport 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.

21 Mai 20191h 14min

JSJ 364: Ember Octane with Sam Selikoff

JSJ 364: Ember Octane with Sam Selikoff

SponsorsTriplebyte offers a $1000 signing bonusSentry use the code “devchat” for $100 creditLinodeCacheFlyPanelAJ O’NealJoined by special guest: Sam SelikoffEpisode SummaryIn this episode of JavaScript Jabber, Sam Selikoff, Co-Founder at EmberMap, Inc. starts with giving a brief background about himself and his work followed by a discussion with AJ O’Neal about the Ember community. Sam mentions some of the biggest advantages in using Ember, and what it should and should not be used for. He explains the architecture of Ember apps, addresses some of the performance concerns and then dives into Octane in detail. He talks about a bunch of Ember components, compiler compatibility, relative weight of Ember apps compared to other frameworks, the underlying build system, and security considerations. Sam then helps listeners understand the usage of ES6 classes and decorators in Ember at length. At the end, they discuss component rendering and element modifiers and move onto picks.LinksSam’s websiteSam on TwitterSam on GitHubFollow JavaScript Jabber on Devchat.tv, Facebook and Twitter.PicksAJ O’Neal:Good Mythical Morning - YouTubeSam Selikoff:The Man In the High Castle  Tailwind CSSSpecial Guest: Sam Selikoff. 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.

14 Mai 201952min

Populært innen Business og økonomi

stopp-verden
dine-penger-pengeradet
lydartikler-fra-aftenposten
e24-podden
rss-borsmorgen-okonominyhetene
rss-penger-polser-og-politikk
utbytte
finansredaksjonen
tid-er-penger-en-podcast-med-peter-warren
pengepodden-2
morgenkaffen-med-finansavisen
okonomiamatorene
lederpodden
pengesnakk
rss-finansforum-2
rss-investering-gjort-enkelt
rss-fa-makro
livet-pa-veien-med-jan-erik-larssen
lederskap-nhhs-podkast-om-ledelse
rss-andelige-tanker-med-camillo