State Machines, CSS and Animations with David K Piano

Syntax - Tasty Web Development Treats

Wes Bos

Js, Technology, Css, Html5, Tech News, Webdevelopment, News, Javascript, Html

4.9 • 1.1K Ratings

🗓️ 18 December 2019

⏱️ 54 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this episode of Syntax, Scott and Wes talk with David K Piano about state machines, CSS, animations and more!

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

Sentry - Sponsor

If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

Show Notes

2:30 - Who is David K Piano?

4:00 - Did you have a background in animation prior to web development?

5:45 - How did you build the CSS Responsive House on Codepen?

8:36 - What are state machines?

14:47 - How does it relate to programming?

17:20 - How do you go about changing states?

20:20 - Is this similar to how RxJS works?

21:40 - How would state machine work in CSS?

29:07 - Perspective in CSS

34:47 - How do you like Twitch vs YouTube?

35:48 - How do you add XState to a current project?

41:42 - Visualizing sate machines

46:15 - Do you have a day job as well?

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

David: XState and Keyframe.rs
Scott: React and Typescript for Everyone - Sign up for the year and save 25%!
Wes: Beginner Javascript - Use the coupon code ‘Syntax’ for $10 off!

Tweet us your tasty treats!

Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets

Transcript

Click on a timestamp to play from that location

0:00.0	You're listening to Syntax, the podcast with the tastiest web development treats out there.
0:06.0	Strap yourself in and get ready.
0:08.0	Here is Scott Telinsky and West Boss.
0:10.4	Welcome to Syntax.
0:12.4	This is the podcast with the tastiest web development treats out there. Today we've got a
0:17.6	banger of an episode. We have a guest on. We're to learn all about state machines, which is really exciting.
0:25.2	They apply to CSS, they apply to JavaScript, they apply to react and view, and it's just a really cool thing that seems to be getting some serious it's like a well
0:34.6	we'll talk about it this is like really like old concept but it's it's gaining some
0:38.0	serious traction in the web development industry lately so let's do some sponsors real quick and then we'll dive into it.
0:44.9	Our first sponsor today is Sanity. They are a structured content CMS and second one is Century
0:51.5	which is going to do all of your error and exception
0:53.5	tracking with me today is Mr David K piano and Scott as always but let's talk
0:59.8	with to Mr. David today.
1:03.0	David today, how you doing? Doing good, how are you?
1:05.0	I'm doing good.
1:06.0	I'm just about to launch my course I've been working on for like a year
1:11.0	and I cannot wait to get this sucker out so it's a I've been just heads down on that for like a year but like building the website for a couple days now I'm pretty excited about it. How you doing today Scott? Doing good. Yeah now I've finished my month's course and
1:26.9	working on the next month's course you know as always ready for this by the time of this
1:30.7	episode comes out be ready for the new year, which is kind of crazy.
1:35.2	So just getting all that stuff, we can hammer.
1:38.3	We got like a foot and a half of snow last night, so it is extreme weather territory out here in Colorado.
1:44.4	Where are you from David?
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.