In this article, I’ll be explaining how to build an interactive UI component using React and Storybook. We’ll be creating a UI component using Storybook and React and at the end of the tutorial, we’ll deploy the storybook as a stand-alone application to serve as a style guide.
Lately, I have been wanting to try new things and test out new technologies or patterns in my React components. I needed a place where I could test these things out without launching a new app every time.
Under the hood Cosmos Next has a new foundation, which essentially is my attempt at building a world class dev platform with delightful UX, while in the process relearning what good software looks like.
Introducing Learn Storybook - a hands-on tutorial that teaches you the fundamentals of isolated component development. If you’re like me, you may have heard of Storybook and initially overlooked it. Another day, another dev tool. But teams at Airbnb, Dropbox, and Github use it so you might be wondering what the hype is about. This lightning talk briefs you on Storybook and introduces open source tutorial Learn Storybook (React contributors needed).
With the use of React, CSS Modules, Flow and Snapshot testing we were able to almost remove style regressions. In this talk you get a glimpse of you can start styleguide driven development and how you can sell this dream to your project managers.
Designing UI React components is not an easy task. They often rely on several states that are hard to reproduce when we are developing in the middle of an existing app. Worst, once a component is live, how do we make sure that its well documented.
Hot reloading makes for a great Developer Experience, but we can do even better. Using interactive style guides that show our components in a variety of different states we can test their look and feel in diverse situations.
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.
In today’s show, the React Native Radio Host, Nader Dabit and Spencer Carli speak with Ovidiu Chereches, about Testing React and React Native applications. Ovidiu shares his journey into working as a full stack developer and working in the community as an experienced developer. Ovidiu shares a general view on testing and sharing information on projects (React Cosmos) that helped him on manual testing and much more.