Zoltan Olah's guest appearances

Zoltan Olah

Meteor Interviews

JavaScript Archives - Software Engineering Daily

Contributor

PodRocket - A web development podcast from LogRocket

Tom Preston-Werner

Kent C. Dodds

Erik Rasmussen

Kyle Mathews

Uri Goldshtein

Guillermo Rauch

Nader Dabit

Paige Niedringhaus

Brent Vatne

Tejas Kumar

Ben Lesh

Abe Gong

David Khourshid

Jonathan Reinink

Caleb Porzio

OwlTail

Eric Anderson (@ericmander) and Zoltan Olah (@zqzoltan) discuss Storybook, the open-source UI component development tool. Storybook supports all the most popular frontend frameworks and libraries such as React, Vue and Angular, but allows users to test and develop components in isolation. In today’s episode, learn more about the early days of the component-driven development methodology and how Storybook was saved by a passionate community of engineers. In this episode we discuss:  Storybook as an integral part of UI design workflow How Zoltan and his team inherited Storybook and saved it from being “left out to dry” Solving a pain point for front-end engineers with Chromatic’s UI regression testing, built on top of Storybook Why Zoltan compares components to APIs, and Storybook to a service mesh What’s happening today in the world of open-source design systems  Links:  Storybook Chromatic Meteor GraphQL React Tailwind Selenium Cypress Material-UI Figma Learn Storybook   People mentioned:  Dominic Nguyen (@domyen) Tom Coleman (@tmeasday) Arunoda Susiripala (@arunoda) Norbert de Langen (@NorbertdeLangen) Michael Shilman (@mshilman)   

Eric Anderson (<a href="https://twitter.com/ericmander" rel="nofollow" target="_blank">@ericmander</a>) and Zoltan Olah (<a href="https://twitter.com/zqzoltan" rel="nofollow" target="_blank">@zqzoltan</a>) discuss Storybook, the open-source UI component development tool. Storybook supports all the most popular frontend frameworks and libraries such as React, Vue and Angular, but allows users to test and develop components in isolation. In today’s episode, learn more about the early days of the component-driven development methodology and how Storybook was saved by a passionate community of engineers. In this episode we discuss: <ul> <li>Storybook as an integral part of UI design workflow</li> <li>How Zoltan and his team inherited Storybook and saved it from being “left out to dry”</li> <li>Solving a pain point for front-end engineers with Chromatic’s UI regression testing, built on top of Storybook</li> <li>Why Zoltan compares components to APIs, and Storybook to a service mesh</li> <li>What’s happening today in the world of open-source design systems</li> </ul> Links: <ul> <li><a href="https://storybook.js.org/" rel="nofollow" target="_blank">Storybook</a></li> <li><a href="https://www.chromatic.com/" rel="nofollow" target="_blank">Chromatic</a></li> <li><a href="https://www.meteor.com/" rel="nofollow" target="_blank">Meteor</a></li> <li><a href="https://graphql.org/" rel="nofollow" target="_blank">GraphQL</a></li> <li><a href="https://reactjs.org/" rel="nofollow" target="_blank">React</a></li> <li><a href="https://tailwindcss.com/" rel="nofollow" target="_blank">Tailwind</a></li> <li><a href="https://www.selenium.dev/" rel="nofollow" target="_blank">Selenium</a></li> <li><a href="https://www.cypress.io/" rel="nofollow" target="_blank">Cypress</a></li> <li><a href="https://material-ui.com/" rel="nofollow" target="_blank">Material-UI</a></li> <li><a href="https://www.figma.com/" rel="nofollow" target="_blank">Figma</a></li> <li><a href="https://www.learnstorybook.com/" rel="nofollow" target="_blank">Learn Storybook </a></li> </ul> People mentioned: <ul> <li>Dominic Nguyen (<a href="https://twitter.com/domyen" rel="nofollow" target="_blank">@domyen</a>)</li> <li>Tom Coleman (<a href="https://twitter.com/tmeasday?lang=en" rel="nofollow" target="_blank">@tmeasday</a>)</li> <li>Arunoda Susiripala (<a href="https://twitter.com/arunoda?lang=en" rel="nofollow" target="_blank">@arunoda</a>)</li> <li>Norbert de Langen (<a href="https://twitter.com/norbertdelangen?lang=en" rel="nofollow" target="_blank">@NorbertdeLangen</a>)</li> <li>Michael Shilman (<a href="https://twitter.com/mshilman" rel="nofollow" target="_blank">@mshilman</a>) </li> </ul>

Storybook with Zoltan Olah

Today, our co-founder Ben Edelstein sits down with the CEO and founder of Chromatic, Zoltan Olah. Ben and Zoltan discuss frontend testing, the philosophy of component-driven development, Storybook, and more. Links https://www.chromatic.com/ https://storybook.js.org/ https://twitter.com/zqzoltan https://blog.logrocket.com/react-storybook/ https://blog.logrocket.com/top-storybook-addons-to-take-your-code-to-the-next-level/ https://blog.logrocket.com/whats-new-in-storybook-6/ Contact us https://podrocket.logrocket.com/contact-us @LogRocket brian@logrocket.com What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. Special Guest: Zoltan Olah.

Today, our co-founder Ben Edelstein sits down with the CEO and founder of Chromatic, Zoltan Olah. Ben and Zoltan discuss frontend testing, the philosophy of component-driven development, Storybook, and more. <h3>Links</h3> <a href="https://www.chromatic.com/" rel="nofollow" target="_blank">https://www.chromatic.com/</a> <a href="https://storybook.js.org/" rel="nofollow" target="_blank">https://storybook.js.org/</a> <a href="https://twitter.com/zqzoltan" rel="nofollow" target="_blank">https://twitter.com/zqzoltan</a> <a href="https://blog.logrocket.com/react-storybook/" rel="nofollow" target="_blank">https://blog.logrocket.com/react-storybook/</a> <a href="https://blog.logrocket.com/top-storybook-addons-to-take-your-code-to-the-next-level/" rel="nofollow" target="_blank">https://blog.logrocket.com/top-storybook-addons-to-take-your-code-to-the-next-level/</a> <a href="https://blog.logrocket.com/whats-new-in-storybook-6/" rel="nofollow" target="_blank">https://blog.logrocket.com/whats-new-in-storybook-6/</a> <h3>Contact us</h3> <a href="https://podrocket.logrocket.com/contact-us" rel="nofollow" target="_blank">https://podrocket.logrocket.com/contact-us</a> <a href="https://twitter.com/LogRocket" rel="nofollow" target="_blank">@LogRocket</a> <a href="mailto:brian@logrocket.com" rel="nofollow">brian@logrocket.com</a> <h3>What does LogRocket do?</h3> LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try <a href="http://logrocket.com/signup?pdr" rel="nofollow" target="_blank">LogRocket for free</a> today. Special Guest: Zoltan Olah.

Component-driven development with Zoltan Olah

React, Vue, and Angular are the most popular frontend JavaScript frameworks. Each of these frameworks lets frontend developers build components. A component is a high level visual abstraction that is used to compose a user interface. Frontend development has moved towards component-driven-development. At a typical technology company, a designer will put together a design file of different user interface elements, and the frontend engineer will take those UI elements and program code that can render those designs as components. As organizations have started to reuse their components and share them across the organization, the efficiency of design and frontend engineering is improving. User interface is gaining more of an emphasis with organizations and new tools are allowing frontend engineers and designers to work together more productively. One of these tools is Storybook, a system for sharing components and the code that renders those components. Zoltan Olah joins the show to talk about Storybook, and his company Chroma. Chroma is building tools to allow design-driven teams to work more effectively. We talked about how the relationship of designers and frontend engineers has some resemblance to the relationship between “dev” and “ops” before the DevOps movement. There are some frictions in the process of moving between design and engineering implementation, and in talking to Zoltan, I got an understanding for how much the UI layer could improve through better tooling. The post Storybook: UI Engineering with Zoltan Olah appeared first on Software Engineering Daily.

React, Vue, and Angular are the most popular frontend JavaScript frameworks. Each of these frameworks lets frontend developers build components. A component is a high level visual abstraction that is used to compose a user interface. Frontend development has moved towards component-driven-development. At a typical technology company, a designer will put together a design file of different user interface elements, and the frontend engineer will take those UI elements and program code that can render those designs as components. As organizations have started to reuse their components and share them across the organization, the efficiency of design and frontend engineering is improving. User interface is gaining more of an emphasis with organizations and new tools are allowing frontend engineers and designers to work together more productively. One of these tools is Storybook, a system for sharing components and the code that renders those components. Zoltan Olah joins the show to talk about Storybook, and his company Chroma. Chroma is building tools to allow design-driven teams to work more effectively. We talked about how the relationship of designers and frontend engineers has some resemblance to the relationship between “dev” and “ops” before the DevOps movement. There are some frictions in the process of moving between design and engineering implementation, and in talking to Zoltan, I got an understanding for how much the UI layer could improve through better tooling. The post <a href="https://softwareengineeringdaily.com/2019/01/23/storybook-ui-engineering-with-zoltan-olah/" rel="nofollow" target="_blank">Storybook: UI Engineering with Zoltan Olah</a> appeared first on <a href="https://softwareengineeringdaily.com" rel="nofollow" target="_blank">Software Engineering Daily</a>.

Storybook: UI Engineering with Zoltan Olah