VSCode is awesome and we know it. Performance is the key here. But overall easy-to-use design, plugins and marketplace make this even more powerful.Continue reading
As a speaker, I attended Node.JS Meetup Berlin event in Germany.
This is the largest NodeJS community group in Germany. It was awesome to be there as a Speaker.
To do the end-to-end test for Modern Web 2.0 applications is really hard. And Cypress really has changed everything how we think for e2e testing.Continue reading
Managing Form State in React is hard. ReduxForm brought a really easy way to manage the state of the Form inputs inside redux store. Everything was fine. And it was the most popular Form Library for React apps.
But that was not perfect. The main bottleneck was the Performance!Continue reading
On the Part-1 of this series Storybook : develop React components in isolation | Part-1 , we talked about how we can setup Storybook and start working for our awesome UI-components Library.
Today we will see how we can create our first UI component and add it to Storybook. We will also see how we can see variations for the same component.
I will remove the welcome file
src/stories/0-Welcome.stories.js which was created by the tool. Now our app structure looks like below-
Let’s create a new component inside
Storybook is a tool for developing UI components.
The tool enables developers to create components independently and showcase components interactively in an isolated development environment.
Storybook runs outside of the main app so we can develop UI components in isolation without worrying about app specific dependencies and requirements.
After running, Storybook looks like this ☝️
Button is a component.