JSJ 337: Microstates.js – Composable State Primitives for JavaScript with Charles Lowell & Taras Mankovski

JavaScript Jabber

Episode | Podcast

Date: Tue, 30 Oct 2018 10:00:00 +0000

<div class="trix-content"> <div><strong>Panel: </strong></div><ul> <li>Aimee Knight</li> <li>Charles Max Wood</li> <li>Joe Eames</li> <li>AJ O’Neil</li> <li>Chris Ferdinandi </li> </ul><div> <strong>Special Guests:</strong> <a href="https://twitter.com/cowboyd?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor">Charles Lowell</a> (New Mexico) &amp; <a href="https://twitter.com/tarasm?lang=en">Taras Mankovski</a> (Toronto)</div><div>In this episode, the panel talks with two special guests <a href="https://twitter.com/cowboyd?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor">Charles</a> and <a href="https://twitter.com/tarasm?lang=en">Taras.</a> Charles Lowell is a principle engineer at <a href="https://frontside.io">Frontside</a>, and he loves to code. Taras works with Charles and joined <a href="https://frontside.io">Frontside</a>, because of Charles’ love for coding. There are great personalities at <a href="https://frontside.io">Frontside</a>, which are quite diverse. Check out this episode to hear about<a href="https://github.com/microstates/microstates.js"> microstates,</a> <a href="https://github.com/microstates/react">microstates with react</a>, <a href="https://redux.js.org">Redux</a>, and much more!</div><div><strong>Show Topics:</strong></div><div>1:20 – Chuck: Let’s talk about microstates – what is that?</div><div>1:32 – Guest: My mind is focused on the <strong>how</strong> and not the <strong>what</strong>. I will zoom my mind out and let’s talk about the purposes of microstates. It means a few things. 1.) It’s going to work no matter what framework you are using. 2.) You shouldn’t have to be constantly reinventing the wheel. React Roundup – I talked about it there at this conference. </div><div>Finally, it really needs to feel JavaScript. We didn’t want you to feel like you weren’t using JavaScript. It uses computer properties off of those models. It doesn’t feel like there is anything special that you are doing. There are just a few simple rules. You can’t mutate the state in place. If you work with JavaScript you can use it very easily. Is that a high-level view?</div><div>7:13 – Panel: There are a lot of pieces. If I spoke on a few specific things I would say that it enables programming with state machines.</div><div>7:42 – Panel: We wanted it to fell like JavaScript – that’s what I heard.</div><div>7:49 – Aimee: I heard that, too.</div><div>7:59 – Guest.</div><div>8:15 – Aimee: <a href="https://redux.js.org">Redux</a> feels like JavaScript to me.</div><div>8:25 – Guest: It’s actually – a tool – that it feels natural so it’s not contrived. It’s all JavaScript.</div><div>8:49 – Panel.</div><div>9:28 – Guest: Idiomatic Ember for example. Idiomatic in the sense that it gives you object for you to work with, which are simple objects.</div><div>10:12 – Guest: You have your reducers and your...we could do those things but ultimately it’s powerful – and not action names – we use method names; the name of the method.</div><div>11:20 – Panel: I was digging through docs, and it feels like NORMAL JavaScript. It doesn’t seem like it’s tied to a certain framework or library platform?</div><div>11:45 – Guest: Yes, we felt a lot of time designing the interfaces the API and the implementation. We wanted it to feel natural but a tool that people reach for.</div><div><em>(Guest continues to talk about WHY they created microstates.)</em></div><div>Guest: We wanted to scale very well what you need when your needs to change.</div><div>13:39 – Chuck: I have a lot of friends who get into React and then they put in Redux then they realize they have to do a lot of work – and that makes sense to do less is more.</div><div>14:17 – Guest: To define these microstates and build them up incrementally...building smaller microstates out of larger ones.</div><div>Guest continued: Will we be able to people can distribute React components a sweet array of componen... Support this podcast at — https://redcircle.com/javascript-jabber/donations Advertising Inquiries: https://redcircle.com/brands Privacy & Opt-Out: https://redcircle.com/privacy