RRU 069: The State Machines in React with David Khourshid
React Round Up9 Juli 2019

RRU 069: The State Machines in React with David Khourshid

Sponsors
  • Netlify
  • Sentry use the code “devchat” for 2 months free on Sentry’s small plan
  • Triplebyte offers a $1000 signing bonus
Panel
  • David Ceddia
  • Lucas Reis
  • Thomas Aylott
With special guest: David Khourshid Episode Summary David Khourshid is the author of a library called Xstate, He has been a developer for 7 years, currently works for Microsoft, his passion is frontendTalks a. In college, he actually studied piano performance, and so he talks about how he got into programming and where he started. The panel discusses his unique husky animation and how he came up with the idea for it and went about programming it. The panel discusses what a state is in React. David defines a state as a moment in time. States can change, when they do, that’s a state transition. They talk about the utility of states and thinking about your app as a state machine. They agree that describing your code as a state machine makes it easier to communicate and connect with non developers. The panel discusses the importance of learning from other industries, such as approaching programming the same way construction workers build a house. They debate the Waterfall versus the Agile mindset. They talk about the advantages of programming in React and focusing on the state machine, especially because it is important to be intentional about dealing with concepts separate from other concepts. They share different ways to switch to state machine thinking, one of which is to look at your event handlers and make sure they are doing anything besides dispatching events. David talks about his library called Xstate and the basics of his library and his inspiration, and who else is working in state machines. The finish by discussing industry standards. Links Follow DevChat on Facebook and Twitter Picks David Ceddia: Thomas Aylott: David Khourshid: Special Guest: David Khourshid.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Avsnitt(310)

Modernizing Enterprise React Apps with Paige Niedringhaus - RRU 160

Modernizing Enterprise React Apps with Paige Niedringhaus - RRU 160

This week, our very own host Paige Niedringhaus leads the discussion about modernizing enterprise React applications - inspired by a course she's just released on that very subject. Over the course of the episode everyone shares tips, tricks, strategies and war stories when it comes to the struggle most developers will face at some point in their careers of keeping large React applications up to date. There's a lot more to keep in mind than just upgrading the code too: tooling setups, code linting, component refactoring, testing - the list goes on! But with some advice (and the help of courses like Paige's), it's not an impossible task. Panel Jack HerringtonPaige NiedringhausTJ Vantoll Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialLevel Up | Devchat.tv Links Newline.coThe newline Guide to Modernizing an Enterprise React App Picks Jack- Raya and the Last Dragon | Disney MoviesPaige- Nailed It! - WikipediaTJ-  Airnote – Blues WirelessTJ- PurpleAir Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Sponsored By:Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.Raygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

20 Okt 202158min

Maintaining Storybook ft. Yann Braga - RRU 159

Maintaining Storybook ft. Yann Braga - RRU 159

Yann Braga is the maintainer of Storybook. He talks about Storybook, how it's used, new features the team is working on, and what it's like to be part of the core team actively maintaining an open source system like Storybook that is widely used to build UI systems in isolation and allow teams to see how components are used. Panel Carl MungaziPaige NiedringhausTJ Vantoll Guest Yann Braga Sponsors React Error and Performance Monitoring | SentryPodcastBootcamp.ioLevel Up | Devchat.tv Links GitHub | storybookjs/testing-reactGitHub | storybookjs/testing-vueGitHub | storybookjs/testing-vue3ChromaticStorybookHow to use Testing Library to test StorybookInteraction Testing sneak peeknewlineMealdropWelcome to Mealdrop's Storybook!Smooth design handoff with StorybookEssential addonsStorybook TutorialsStorybook for React Appsnewline - DiscordStorybook - DiscordGitHub: Yann Braga ( yannbf )Twitter: Yann Braga ( @yannbf ) Picks Carl- Design Systems with React & StorybookCarl- Shoe DogPaige- Money Heist | Netflix Official SiteTJ- Squid Game | Netflix Official SiteYann- Kena: Bridge of Spirits Contact Carl: GitHub: Carl Mungazi ( CarlMungazi )Twitter: Carl Mungazi ( @CarlMungazi ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Yann Braga.Sponsored By:Podcast Bootcamp: Launch an Amazing Sounding Podcast in just 4 WEEKS! Work with a 13 year podcasting veteran to get your podcast started off on the right foot! Sentry: Resolve React errors and performance issues with SentryAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

13 Okt 202150min

React Do's and Don't's - RRU 158

React Do's and Don't's - RRU 158

This week the panel discusses several Do's and Don't's for your React Apps that are lessons they've learned building React applications over the years. Panel Jack HerringtonPaige NiedringhausTJ Vantoll Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialPodcastBootcamp.io Links GitHub | welldone-software/why-did-you-render Picks Jack- HadesPaige- Versailles (TV series)TJ- Land of the Giants Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Sponsored By:Podcast Bootcamp: Launch an Amazing Sounding Podcast in just 4 WEEKS! Work with a 13 year podcasting veteran to get your podcast started off on the right foot! Raygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

6 Okt 202149min

How to Stay Current and Learn New Things ft. Charles Max Wood - RRU 157

How to Stay Current and Learn New Things ft. Charles Max Wood - RRU 157

Charles Max Wood from Top End Devs joins the round up to discuss his strategies and tactics to get the career you want by keeping current on technologies and learning new things. He explains how to determine what you want in your career. Going and building things, and continuing your learning journey. Panel Jack HerringtonPaige NiedringhausTJ VanToll Guest Charles Max Wood Sponsors React Error and Performance Monitoring | SentryDev Influencers AcceleratorPodcastBootcamp.io Links The 360 Degree LeaderMasters of DoomTop End DevsTwitter: DevChat.tv ( @devchattv ) Picks Charles- The Road Back to YouJack- Introduction to Public SpeakingPaige- The Yeti MugTJ- An Ember in the Ashes  Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Charles Max Wood.Sponsored By:Sentry: Resolve React errors and performance issues with SentryAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

29 Sep 202154min

Composing Layouts for React ft. Travis Waith-Mair - RRU 156

Composing Layouts for React ft. Travis Waith-Mair - RRU 156

Travis Waith-Mair joins the round up to discuss how to compose layouts in React and the bedrock tools and principles that build up good layouts in React. Panel Jack HerringtonPaige NiedringhausTJ Vantoll Guest Travis Waith-Mair Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialPodcastBootcamp.io Links Composing Layouts in ReactBedrock Layout PrimitivesChromaticThe Non-Traditional DeveloperTwitter: Travis Waith-Mair ( @travisWaithMair ) Picks Jack- Shang-Chi and the Legend of the Ten RingsPaige- Davinci Resolve 17TJ- SvelteTravis- React Podcast Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Travis Waith-Mair.Sponsored By:Raygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

22 Sep 202147min

Run NextJS and Node in the Browser ft. Eric Simons - RRU 155

Run NextJS and Node in the Browser ft. Eric Simons - RRU 155

Eric Simons joins the round up to discuss the latest advancements made by StackBlitz that enables you to run NodeJS in the browser. Eric expands that to the work they've done with the NextJS team to run NextJS in the browser without the need to have a server in the background. Panel Jack HerringtonPaige NiedringhausTJ VanToll Guest Eric Simons  Sponsors React Error and Performance Monitoring | SentryLevel Up | Devchat.tvPodcastBootcamp.io Links Introducing WebContainers: Run Node.js natively in your browserStackBlitzStackBlitzEricSimons – StackBlitzTwitter: Eric Simons ( @ericsimons40 ) Picks Eric- ViteJack- WestworldPaige- Elgato Wave:3TJ- Podcast from The Verge Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Eric Simons .Sponsored By:Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.Sentry: Resolve React errors and performance issues with SentryAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

15 Sep 202150min

Building a Chatbot or Voicebot with Dialogflow in React ft. Victory Nwani - RRU 154

Building a Chatbot or Voicebot with Dialogflow in React ft. Victory Nwani - RRU 154

Victory Dumebi Nwani joins the round up to discuss integrating the Dialogflow from Google Cloud into your application to manage voice and chat capabilities for your application. Victory dives into the stack he used to put together a functioning app using that offering from Google. Panel Jack HerringtonPaige NiedringhausTJ VanToll Guest Victory Dumebi Nwani Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialPodcastBootcamp.io Links Integrating A Dialogflow Agent Into A React ApplicationDialogflow DocumentationA brief introduction to Chatbots with DialogflowDialogflow pricingLinkedIn: Victory NwaniGitHub: Nwani Victory ( vickywane )Twitter: Iamnwani ( @iamnwani01 ) Picks Jack- Resident Evil VillagePaige- Mario KartTJ- Toto BidetVictory- AWS CodeDeploy Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Victory Nwani.Sponsored By:Raygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

1 Sep 202143min

Transitioning a React Codebase from JSX to TypeScript ft. Priscila Oliveira and Mark Story – RRU 153

Transitioning a React Codebase from JSX to TypeScript ft. Priscila Oliveira and Mark Story – RRU 153

Priscila Oliveira and Mark Story join the panel to discuss the recent transition at Sentry from vanilla JavaScript to React and TypeScript. The show starts out with the panelists nerding out over Sentry and how they use it, then they dive into the code transition and the things that they learned from their conversion to TypeScript. Panel Jack HerringtonTJ VanToll Guest Mark StoryPriscila Oliveira Sponsors React Error and Performance Monitoring | SentryDev Influencers Accelerator Links Slow and Steady: Converting Sentry’s Entire Frontend to TypeScriptTwitter: Sentry ( @getsentry )Twitter: Mark Story ( @mark_story )Twitter: Priscila Oliveira ( @priscilawebdev ) Picks Jack- Power of saying "No"Mark- GitHub | neovim/nvim-lspconfigMark- GitHub | glepnir/lspsaga.nvimPriscila - GitHub | clauderic/dnd-kitTJ- Divvy Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guests: Mark Story and Priscila Oliveira.Sponsored By:Sentry: Resolve React errors and performance issues with SentryAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

25 Aug 202142min

Populärt inom Business & ekonomi

badfluence
framgangspodden
varvet
rss-jossan-nina
uppgang-och-fall
bathina-en-podcast
rss-svart-marknad
rss-borsens-finest
24fragor
svd-tech-brief
lastbilspodden
avanzapodden
dynastin
fill-or-kill
affarsvarlden
rss-kort-lang-analyspodden-fran-di
rss-inga-dumma-fragor-om-pengar
borsmorgon
rss-dagen-med-di
kvalitetsaktiepodden