Dominic Nguyen's guest appearances

Dominic Nguyen

React Podcast

Sustain

Parousia Podcast

Henry Zhu

Erik Rasmussen

Emma Wedekind

Rachel Nabors

Val Geisler

Pariss Athena

Adam Wathan

John Edwards

Laura Gaetano

Burke Holland

Houssein Djirdeh

Harrison Shoff

Kent C Dodds

Nikolai Tillmann

Sunil Pai

OwlTail

John Vianney

Matthew-Hermann Tague is joined by special guest Fr Dominic Nguyen from the Seminary of the Good Shepherd to speak about St John Vianney - patron saint of parish priests.

<p>Matthew-Hermann Tague is joined by special guest Fr Dominic Nguyen from the Seminary of the Good Shepherd to speak about St John Vianney - patron saint of parish priests.</p>

72: Fr Dominic Nguyen - St John Vianney

Guest Dominic Nguyen Panelists Eric Berry | Justin Dorfman | Richard Littauer  Show Notes Hello and welcome to Sustain! The podcast where we talk about sustaining open source for the long haul. We are very excited about our guest today, Dominic Nguyen, founder of Chromatic, the company behind Storybook.js. Storybook.js is an open source tool for building UI components and pages in isolation.  On this episode, Dominic fills us in on Chromatic, how Storybook evolved, the story behind Meteor, which is the first full-stack JavaScript framework, and who their venture backers are. We also learn the difference between Declarative and Imperative UI, and Dominic tells us what it means for him to be an open source project.  Download this episode now to find out much more!       [00:01:21] Dominic tells us about Storybook and how it evolved. [00:06:26] We learn the difference between Declarative and Imperative UI. [00:08:22] Find out what other projects have come out of Meteor. [00:09:07] Richard wonders what the financial situation is for Storybook, how much money is needed, and where does it go. [00:11:00] Dominic announces Chromatic is hiring engineers to do open source development, and he tells us who his seed funders are that believe in his mission.  [00:14:24] Dominic talks about open source companies launching these open source business models.  [00:16:04] Eric wonders if there’s a direction with Storybook to work with or integrate with non-JavaScript based frameworks. [00:18:26] Richard wonders how Dominic is avoiding becoming a “kitchen sink” and making sure that he doesn’t just fill all the needs for everyone and then do it badly. Dominic explains why they exist as the guiding light.  [00:21:43] Richard asks Dominic what it means for him to be an open source project and how does he mentally manage the divide between the Storybook community as a whole needing to be sustained.  [00:25:04] Eric asks Richard why would the funds that are generated to develop and maintain this project, why should they be distributed outside of the team that’s the primary maintainers of it. Eric and Justin chime in and share their perspectives on this topic as well. [00:32:39] Find out where you follow Dominic online.  Quotes [00:02:57] “Meteor was, for the audience who might not be familiar or who is just jumping into JavaScript now, was one of the first, or if not the first full-stack JavaScript framework.” [00:05:38] “If you look at the kind of long history of what components and why components exist, you can think about them as standardized parts.”  [00:09:22] “The way we do it at Meteor is two ways: One, we have this idea of we’re a community led open source project.  We have an open collective that donates, like folks in the community donate money and then it’s used effectively for marketing, marketing purposes, swag, doing stuff like CI, bills, like kind of incidentals.” [00:09:49] “Because when you think about it, it hasn’t been enough to really pay someone a salary without asking for donations all the time and I think that’s what’s happening in Babel right now.”  [00:10:10] “So, what we do on the Chromatic is the company behind Meteor, we have maintainers, official maintainers whose full-time job is to push that project forward, build the features that people want and maintain that kind of core API, and that is in partnership with our community.” [00:14:37] “If you look at the long answer in the context of other open source companies that are coming out right now and are launching, it seems like this is the model that everyone has landed on that separates you from these older style like open source, I would say classic open source business models.”  [00:15:02] “It seems like the modern kind of like open source business models, build an open source project, sell some type of service that compliments it.” [00:17:57] “So for instance, isomorphic was like the hot word five years ago.” [00:22:28] “We put money back into the open source project and in doing so the development experience is better for everyone and it’s that cycle that we’re trying to maintain and continue.” [00:27:34] “Yeah, for me, the issue is like people who contribute to it, they’re self-serving, it’s a self-serving action.  They are contributing to it for their own benefit.” [00:28:11] “And when that is the case, I agree with you a hundred percent. When that’s not the case, when it’s a tool that’s being used by anybody, to me honestly, that is the beauty of open source.” [00:29:52] “So, the hard part about open source is maintaining it for a really long time.” [00:30:28] “Just staying afloat is like a full-time job.”  [00:30:33] “And what we hope to offer the community from Chromatic, as like the maintainers, is a stable release cadence that keeps up with the rest of the ecosystem and includes some new, helpful, handy features.” Spotlight    [00:33:26] Eric’s spotlight is s tutorial, “Dockerize your Rails app” by Nate Hopkins.    [00:34:25] Justin’s spotlight is Wormhole by Feross.   [00:34:49] Richard’s spotlight is Brian T. Ford.   [00:35:19] Dominic’s spotlights are open source projects such as State of JS by Sacha Greif, Wordpress, Mock Service Worker (MSW), and Mirage JS.   Links  Dominic Nguyen Linkedin Dominic Nguyen Twitter Chromatic Storybook Meteor “Dockerize your Rails app” by Nate Hopkins Nate Hopkins Twitter Wormhole Brian T. Ford State of JS Sacha Greif Wordpress Mock Service Worker Mirage JS   Credits  Produced by Richard Littauer Edited by Paul M. Bahr at Peachtree Sound Show notes by DeAnn Bahr at Peachtree Sound Special Guest: Dominic Nguyen.Support Sustain

<h4>Guest</h4> <p>Dominic Nguyen</p> <h4>Panelists</h4> <p>Eric Berry | Justin Dorfman | Richard Littauer </p> <h4>Show Notes</h4> <p>Hello and welcome to Sustain! The podcast where we talk about sustaining open source for the long haul. We are very excited about our guest today, Dominic Nguyen, founder of Chromatic, the company behind Storybook.js. Storybook.js is an open source tool for building UI components and pages in isolation.  On this episode, Dominic fills us in on Chromatic, how Storybook evolved, the story behind Meteor, which is the first full-stack JavaScript framework, and who their venture backers are. We also learn the difference between Declarative and Imperative UI, and Dominic tells us what it means for him to be an open source project.  Download this episode now to find out much more!      </p> <p>[00:01:21] Dominic tells us about Storybook and how it evolved.</p> <p>[00:06:26] We learn the difference between Declarative and Imperative UI.</p> <p>[00:08:22] Find out what other projects have come out of Meteor.</p> <p>[00:09:07] Richard wonders what the financial situation is for Storybook, how much money is needed, and where does it go.</p> <p>[00:11:00] Dominic announces Chromatic is hiring engineers to do open source development, and he tells us who his seed funders are that believe in his mission. </p> <p>[00:14:24] Dominic talks about open source companies launching these open source business models. </p> <p>[00:16:04] Eric wonders if there’s a direction with Storybook to work with or integrate with non-JavaScript based frameworks.</p> <p>[00:18:26] Richard wonders how Dominic is avoiding becoming a “kitchen sink” and making sure that he doesn’t just fill all the needs for everyone and then do it badly. Dominic explains why they exist as the guiding light. </p> <p>[00:21:43] Richard asks Dominic what it means for him to be an open source project and how does he mentally manage the divide between the Storybook community as a whole needing to be sustained. </p> <p>[00:25:04] Eric asks Richard why would the funds that are generated to develop and maintain this project, why should they be distributed outside of the team that’s the primary maintainers of it. Eric and Justin chime in and share their perspectives on this topic as well.</p> <p>[00:32:39] Find out where you follow Dominic online. </p> <h4>Quotes</h4> <p>[00:02:57] “Meteor was, for the audience who might not be familiar or who is just jumping into JavaScript now, was one of the first, or if not the first full-stack JavaScript framework.”</p> <p>[00:05:38] “If you look at the kind of long history of what components and why components exist, you can think about them as standardized parts.” </p> <p>[00:09:22] “The way we do it at Meteor is two ways: One, we have this idea of we’re a community led open source project.  We have an open collective that donates, like folks in the community donate money and then it’s used effectively for marketing, marketing purposes, swag, doing stuff like CI, bills, like kind of incidentals.”</p> <p>[00:09:49] “Because when you think about it, it hasn’t been enough to really pay someone a salary without asking for donations all the time and I think that’s what’s happening in Babel right now.” </p> <p>[00:10:10] “So, what we do on the Chromatic is the company behind Meteor, we have maintainers, official maintainers whose full-time job is to push that project forward, build the features that people want and maintain that kind of core API, and that is in partnership with our community.”</p> <p>[00:14:37] “If you look at the long answer in the context of other open source companies that are coming out right now and are launching, it seems like this is the model that everyone has landed on that separates you from these older style like open source, I would say classic open source business models.” </p> <p>[00:15:02] “It seems like the modern kind of like open source business models, build an open source project, sell some type of service that compliments it.”</p> <p>[00:17:57] “So for instance, isomorphic was like the hot word five years ago.”</p> <p>[00:22:28] “We put money back into the open source project and in doing so the development experience is better for everyone and it’s that cycle that we’re trying to maintain and continue.”</p> <p>[00:27:34] “Yeah, for me, the issue is like people who contribute to it, they’re self-serving, it’s a self-serving action.  They are contributing to it for their own benefit.”</p> <p>[00:28:11] “And when that is the case, I agree with you a hundred percent. When that’s not the case, when it’s a tool that’s being used by anybody, to me honestly, that is the beauty of open source.”</p> <p>[00:29:52] “So, the hard part about open source is maintaining it for a really long time.”</p> <p>[00:30:28] “Just staying afloat is like a full-time job.” </p> <p>[00:30:33] “And what we hope to offer the community from Chromatic, as like the maintainers, is a stable release cadence that keeps up with the rest of the ecosystem and includes some new, helpful, handy features.”</p> <h4>Spotlight</h4> <ul> <li>  [00:33:26] Eric’s spotlight is s tutorial, “Dockerize your Rails app” by Nate Hopkins. </li> <li>  [00:34:25] Justin’s spotlight is Wormhole by Feross.</li> <li>  [00:34:49] Richard’s spotlight is Brian T. Ford.</li> <li>  [00:35:19] Dominic’s spotlights are open source projects such as State of JS by Sacha Greif, Wordpress, Mock Service Worker (MSW), and Mirage JS. </li> </ul> <h4>Links</h4> <ul> <li><a href="https://www.linkedin.com/in/dominic-nguyen-25aa4821" rel="nofollow" target="_blank">Dominic Nguyen Linkedin</a></li> <li><a href="https://twitter.com/domyen" rel="nofollow" target="_blank">Dominic Nguyen Twitter</a></li> <li><a href="https://www.chromatic.com/" rel="nofollow" target="_blank">Chromatic</a></li> <li><a href="https://storybook.js.org/" rel="nofollow" target="_blank">Storybook</a></li> <li><a href="https://www.meteor.com/" rel="nofollow" target="_blank">Meteor</a></li> <li><a href="https://gist.github.com/hopsoft/c27da1a9fda405169994a004957597b4" rel="nofollow" target="_blank">“Dockerize your Rails app” by Nate Hopkins</a></li> <li><a href="https://twitter.com/hopsoft" rel="nofollow" target="_blank">Nate Hopkins Twitter</a></li> <li><a href="https://wormhole.app/" rel="nofollow" target="_blank">Wormhole</a></li> <li><a href="https://twitter.com/briantford" rel="nofollow" target="_blank">Brian T. Ford</a></li> <li><a href="https://stateofjs.com/" rel="nofollow" target="_blank">State of JS</a></li> <li><a href="https://sachagreif.com/" rel="nofollow" target="_blank">Sacha Greif</a></li> <li><a href="https://wordpress.com/create/?utm_source=google&amp;utm_campaign=google_wpcom_search_brand_desktop_us_en&amp;utm_medium=paid_search&amp;keyword=wordpress&amp;creative=476205831529&amp;campaignid=998785131&amp;adgroupid=53026924047&amp;matchtype=e&amp;device=c&amp;network=g&amp;targetid=aud-1244516595356:kwd-295456403946&amp;gclsrc=aw.ds&amp;gclid=Cj0KCQjwkZiFBhD9ARIsAGxFX8AtjkQqNxxpBf4uxWORYLafGtBppOm4Ko5Ga4haPy076aHpBmA6_NIaAhbYEALw_wcB" rel="nofollow" target="_blank">Wordpress</a></li> <li><a href="https://mswjs.io/" rel="nofollow" target="_blank">Mock Service Worker</a></li> <li><a href="https://miragejs.com/" rel="nofollow" target="_blank">Mirage JS</a> </li> </ul> <h4>Credits</h4> <ul> <li>Produced by <a href="https://www.burntfen.com/" rel="nofollow" target="_blank">Richard Littauer</a></li> <li>Edited by Paul M. Bahr at <a href="https://www.peachtreesound.com/" rel="nofollow" target="_blank">Peachtree Sound</a></li> <li>Show notes by DeAnn Bahr at <a href="https://www.peachtreesound.com/" rel="nofollow" target="_blank">Peachtree Sound</a></li> </ul><p>Special Guest: Dominic Nguyen.</p><p><a href="https://opencollective.com/sustain-podcast" rel="payment nofollow" target="_blank">Support Sustain</a></p>

Episode 83: Dominic Nguyen on Chromatic, Storybook.js, and building self-sustaining OSS projects

Dominic Nguyen joins us to talk about visual regression testing for design systems with chromatic — the important differences between snapshot testing and visual testing, why the component construct was the missing piece, and how chromatic gives teams confidence. Chromatic’s free plan will be hitting shelfves next week. We are ahead of it by just a few days. But if you want to try it out today, Start a 30-day trial and switch to the new, free plan next week. Featuring  chantastic — Twitter, GitHub Dominic Nguyen — Twitter, GitHub chromatic —Twitter,  Website, Blog  Links  chroma — We build tools to help frontend developers build, test, and share UI components Storybook — An open source tool for developing UI components in isolation for React, Vue, and Angular Writing Stories in Storybook atomic design by Brad Frost Jest Snapshot Testing Kurt Kemple BackstopJS chromatic 2.0 beta prettier  Sponsor Build a beautiful functional React or React Native app with Infinite Red. Get two tickets to the 2021 Chain React conference when you start or refer a new project. Visit reactpodcast.infinite.red for details.

<p>Dominic Nguyen joins us to talk about visual regression testing for design systems with chromatic — the important differences between snapshot testing and visual testing, why the component construct was the missing piece, and how chromatic gives teams confidence.</p> <p>Chromatic’s free plan will be hitting shelfves next week.<br/> We are ahead of it by just a few days.<br/> But if you want to <a href="http://chromatic.com" rel="nofollow" target="_blank">try it out today</a>,<br/> Start a 30-day trial and switch to the new, free plan next week.</p> <h2>Featuring</h2> <ul> <li>chantastic — <a href="https://twitter.com/chantastic" rel="nofollow" target="_blank">Twitter</a>, <a href="https://github.com/chantastic" rel="nofollow" target="_blank">GitHub</a></li> <li>Dominic Nguyen — <a href="https://twitter.com/domyen" rel="nofollow" target="_blank">Twitter</a>, <a href="https://github.com/domyen" rel="nofollow" target="_blank">GitHub</a></li> <li>chromatic —<a href="https://twitter.com/chromaui" rel="nofollow" target="_blank">Twitter</a>,  <a href="http://chromatic.com" rel="nofollow" target="_blank">Website</a>, <a href="https://blog.hichroma.com" rel="nofollow" target="_blank">Blog</a></li> </ul> <h2>Links</h2> <ul> <li><a href="https://hichroma.com" rel="nofollow" target="_blank">chroma</a> — We build tools to help frontend developers build, test, and share UI components</li> <li><a href="https://storybook.js.org" rel="nofollow" target="_blank">Storybook</a> — An open source tool for developing UI components in isolation for React, Vue, and Angular</li> <li><a href="https://storybook.js.org/docs/basics/writing-stories/" rel="nofollow" target="_blank">Writing Stories in Storybook</a></li> <li><a href="https://bradfrost.com/blog/post/atomic-web-design/" rel="nofollow" target="_blank">atomic design</a> by Brad Frost</li> <li><a href="https://jestjs.io/docs/en/snapshot-testing" rel="nofollow" target="_blank">Jest Snapshot Testing</a></li> <li><a href="https://twitter.com/kurtkemple" rel="nofollow" target="_blank">Kurt Kemple</a></li> <li><a href="https://garris.github.io/BackstopJS/" rel="nofollow" target="_blank">BackstopJS</a></li> <li><a href="https://blog.hichroma.com/chromatic-2-0-beta-3bf9172b6a4" rel="nofollow" target="_blank">chromatic 2.0 beta</a></li> <li><a href="https://prettier.io" rel="nofollow" target="_blank">prettier</a></li> </ul> <h2>Sponsor</h2> <p>Build a beautiful functional React or React Native app with <a href="http://reactpodcast.infinite.red" rel="nofollow" target="_blank">Infinite Red</a>.<br/> Get two tickets to the 2021 Chain React conference when you start or refer a new project.<br/> Visit <a href="http://reactpodcast.infinite.red" rel="nofollow" target="_blank">reactpodcast.infinite.red</a> for details.</p>

91: Dominic Nguyen on Chromatic and Visual Regression Testing