RRU 079: State Machines and State Charts with Farzad Yousef Zadeh
React Round Up17 Syys 2019

RRU 079: State Machines and State Charts with Farzad Yousef Zadeh

Episode Summary Today’s guest is Farzad Yousef Zadeh, a developer from Iran with a unique path into computer programming. He started by studying astrophysics and aerospace engineering in college, then dropped out in his last semester because it wasn’t the right path. He then taught himself to code, working mostly in web programming and frontend development. Despite his change in course, Farzad remains passionate about observing the night sky. Farzad is here today to talk about the ideas in his talk Explicitness and Consistency in UI, where he talks about the difficulties of developing a user interface and how the experience can be improved by using state machines and state charts. He talks about his inspiration for the talk and how he has implemented state machines and state charts into his work. The panel backtracks and talks about the definition of state machines and state charts. A state machine, from an academic background, is a model for computing something. It's for managing and controlling, taking over branching and managing a finite amount of state declaratively. State machines are not so much about sharing or reusing, but about how your communicate a certain behavior. Despite the fact that event driven programming permeates the programming consciousness, thinking about state charts and state machines is actually more natural than it first appears. The panel explains how it’s the same principle as whiteboarding to solve a problem. Lucas asks how state charts are different from pure React. Farzad talks about how it’s important not to just treat your static states as first class, but also the transitions between them. Otherwise, you would end up with something that looks like a map with cities and towns, but no roads. Using statecharts and state machines makes testing an application much easier, and in some ways you let the machine test itself. The machine will know what to do with your states because you define the path, and the machine will take the path for you. They again talk about the difference between state machines and state charts. A state machine defines a finite set of states and defining the events that the machine can take and respond to when transitioning from state A to B. If you use only this, you will encounter a snag called ‘state explosion’ because not non-concrete things cannot be modeled. So, state charts were invented to compensate for this. A state chart brings the idea of an extended state, or the context and data you need to hold and reason from. Farzad talks about other types of machines and supports that exist for branching, entry actions, and exit actions. This is similar to the use effect hook in React. He gives examples of where you would use this logic and how it would be worked into frameworks. Farzad talks about how your machine is just a definition, a declarative model of how something is supposed to behave, and how having that separation between the definition of the logic and behavior vs the implementation of API has given us so much more freedom and portability The panel talks about how using state machines and charts is an investment in the long term maintainability of your code. They agree that using state machines and charts makes it easier to communicate with other developers, new team members, and even non developers. They talk about Cerebral.js and its contributions and model. As with everything in programming, state machines are not a silver bullet and don’t work in every situation. Farzad talks about situations where state machines can be unhelpful. It is still valuable to consider state machines and charts because it forces you to dedicate time thinking and organizing your thoughts so that you can build something maintainable that won’t just be thrown away. The panel discusses how thinking things out before starting to code can be beneficial. They finish by talking about how React Hooks has started them on the path to implement state machines and charts into their code. Panelists
  • David Ceddia
  • Lucas Reis
  • Leslie Cohn-Wein
  • Thomas Aylott
With special guest: Farzad Yousef Zadeh Sponsors Links Follow DevChatTV on Facebook and Twitter Picks David Ceddia: Thomas Aylott: Lucas Reis: Leslie Cohn-Wein: Farzad Yousef Zadeh: Special Guest: Farzad Yousef Zadeh.

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.

Jaksot(310)

Using CSS Style Inheritance with Sami Jaber - RRU 219

Using CSS Style Inheritance with Sami Jaber - RRU 219

Sami Jaber is a Software Engineer at Builder.io. He joins the show to discuss "Implementing CSS Style Inheritance in React Native". He starts by talking about the inspiration behind the article's concept. He also talks about Mitosis, how to use it, and its features. SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksImplementing CSS Style Inheritance in React NativeA Quick Guide to MitosisSocialsTwitter: @samijaber_GitHub: samijaberPicksPaige - Adafruit PiTFT 3.5" Touch Screen for Raspberry PiSami - ATTITUDE | Reinventing BeautyTJ - The Silent Patient by Alex MichaelidesAdvertising 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.

3 Touko 202348min

Getting to Know Bruce A. Tate - BONUS

Getting to Know Bruce A. Tate - BONUS

Bruce A. Tate is a Founder at Groxio, Elixir Expert, and a Technical Author. He joins the show alongside Charles Max Wood to talk about his book, "Seven Languages in Seven Weeks". He also delves into some of the preparations and anticipations that come with reading the book. LinksSeven Languages in Seven Weeksgrox.io SocialsLinkedIn: Bruce TateTwitter: redrapidsAdvertising 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.

28 Huhti 202331min

Blockman with Levan Katsadze - RRU 218

Blockman with Levan Katsadze - RRU 218

Levan Katsadze is a React.js TypeScript developer and Author of VS Code extension "Blockman". He joins the show alongside Jack, Paige, and TJ to talk about Blockman. He starts off by defining it and describing how it functions. He also talks about the reason why he built the VS Code extension and the process of creating it. SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksBlockman - Highlight Nested Code BlocksSocialsLinkedIn: Levan KatsadzeGitHub: leodevbroleodevbro.github.ioPicksJack - NCDU CommandPaige - Mayor of Kingstown (TV Series 2021TJ - Dungeons & Dragons: Honor Among Thieves (2023)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.

19 Huhti 202342min

How Do You Stop Hating Your Job? - BONUS

How Do You Stop Hating Your Job? - BONUS

Are you dissatisfied with your job? Sam Feeney helps organizations improve employee engagement, increase retention, and reinvent hiring while helping individuals (re)discover career satisfaction in their current roles. He joins the show alongside Chuck Wood to tackle altering the way you perceive your job and talk about Career satisfaction.On YouTubeHow Do You Stop Hating Your Job? - BONUSSocialsLinkedIn: Sam FeeneyAdvertising 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.

12 Huhti 202344min

Creating Apps with Capacitor and React Native - RRU 217

Creating Apps with Capacitor and React Native - RRU 217

Simon Grimm is a Creator, Indie Maker & Solopreneur. He is currently working at The Ionic Academy. He joins the panel to talk about React Native and Capacitor. He starts by explaining how a "Capacitor" contributes to your web application. They talk about how to build web applications with a capacitor and how it differs from using a React Native. On YouTubeCreating Apps with Capacitor and React Native - RRU 217SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksThe Ionic AcademySocialsDevdacticGitHub: saimon24LinkedIn: Simon GrimmTwitter: @schlimmsonPicksJack - Shop Polarized SunglassesPaige - Unseen Sunscreen SPF 40 | Oil-Free Face SunscreenSimon - Gandalf the Grey™ & Balrog™TJ - 11/22/63: A Novel: King, StephenAdvertising 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 Huhti 202349min

Comparing React and Angular in 2023 - RRU 216

Comparing React and Angular in 2023 - RRU 216

Hosts of the Adventures in Angular podcast, Chuck Wood and Lucas Paganini, join the React Round Up Panel on this week's episode crossover. They begin the episode by contrasting the two frameworks and offering their own viewpoints on React and Angular. Additionally, they explain each of the frameworks' strong points.SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipEducational Linksreact.devArticle by Lucas PaganiniVideo by Lucas PaganiniPromoted LinksWeb Animations Course: lucaspaganini.com/web-animationsHire Angular Experts: unvoid.comBlues.ioPaige NiedringhausBlue Collar CoderSocialsYouTube @lucaspaganiniwebLinkedIn @lucaspaganiniwebTwitter @lucaspaganini Instagram @lucaspaganiniTikTok @lucaspaganiniwebTwitter: @cmaxwTwitter: @tjvantollTwitter: @jherrTwitter: @pniedriPicksChuck - AtiwaLucas - Modernize an Enterprise React App by Paige NiedringhausPaige - Scubapro / Dive Skins / Diving Suits: Sports & OutdoorsTJ - 11/22/63 by Stephen KingAdvertising 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 Maalis 20231h 4min

An Introduction to Helios With Sean Austin - RRU 215

An Introduction to Helios With Sean Austin - RRU 215

Sean Austin is the CEO and Co-Founder of Helios. It is pioneering speech analytics for Wall Street. He joins the show to explain more about his company's background, how it got started and some of the factors they consider that have an impact on the company. He also discusses the services they can provide to their clients. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksHeliosMarkets Slammed With Noise, Investors Trust Tone to Set the Record StraightThe Helios Life EpisodeSean AustinLinkedIn: Sean AustinTwitter: @stlgotmynikesonPicksPaige - 1923 (TV Series 2022–2023) - IMDbSean - The Last of Us (TV Series 2023– ) - IMDbTJ - hooplaTJ - Libby appAdvertising 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.

8 Maalis 202350min

The React Universe - RRU 214

The React Universe - RRU 214

Jack, Paige, and TJ join this week's panelist episode to tackle all things React and their take on different frameworks. They start off by talking about the pros and cons of "Create React App". They also discuss the Typescript 5.0 features and the SvelteKit, which was just released.On YouTubeThe React Universe - RRU 214SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksCreate React AppAnnouncing TypeScript 5.0 BetaSvelteKit@astrojs/react Astro DocumentationGatsby: The Fastest Frontend for the Headless WebNetlifyI Was Wrong About Nested React Components | YouTubePicksJack - Logitech MX Vertical Ergonomic Wireless MousePaige - Only Murders in the Building (TV Series 2021– ) - IMDbTJ - The Sixth Sense (1999) - IMDbAdvertising 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 Helmi 202348min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
mimmit-sijoittaa
psykopodiaa-podcast
rss-rahapodi
ostan-asuntoja-podcast
oppimisen-psykologia
pomojen-suusta
taloudellinen-mielenrauha
rss-lahtijat
sijoituspodi
rss-rahamania
rss-seuraava-potilas
rss-viisas-raha-podi
rss-neuvottelija-sami-miettinen
rahapuhetta
sijoituskaverit
kasvun-kipuja
rss-rikasta-elamaa
rss-turvacast
rss-merja-mahkan-rahat