React, ReactJS

Flow: $FlowFixMe command should be $FlowFixYourself. FlowType is dying! 🧐🤔😱

First, let’s talk about what is Flow or FlowType…

From their official site –


From ReactJS’s site-

Flow is a static type checker for your JavaScript code. It is developed at Facebook and is often used with React. It lets you annotate the variables, functions, and React components with a special type syntax, and catch mistakes early.

Continue reading

Part-2: Make your dev environment awesome with OhMyZSH + VSCode 🔥⚡️🔥 plugins, fonts, Icons and others

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.

But before putting some cool VSCode plugins, today I am gonna write about OhMyZSH first. On my last Post, I wanted to write about it but I was so sleepy and could not finish 😴 . I wrote at the end that I would continue ZSH in my next post. So here I am 😍

Now let’s talk about my Terminal, yes OhMyZSH. ⚡️

I use OhMyZSH on top of iTerm2. Here is the Link for iTerm2.
After installing iTerm2, please run this command on iTerm2 Terminal-

Continue reading

Storybook : develop React components in isolation | Part-2

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 src/components/Spinner.js file.

Continue reading

Storybook : develop React components in isolation | Part-1

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 ☝️
Here, Button is a component.

Continue reading