Photo by Charisse Kenion on Unsplash

I will start first by asking, What is Storybook?

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

Installing Storybook for react apps:

`npx -p @storybook/cli sb init — type react`

This will check your app and start to install all required dependencies for your app, add stories dir and .storybook for config your storybook, also two scripts in package.json one for storybook in Development and another one for build storybook in Production.

Photo by Luca Bravo on Unsplash

I was just working on creating wrapper around plopjs to generate components for react eco-system.

I have dropped new video on YouTube about Flutter State management using Redux.

Photo by israel palacio on Unsplash

As we know as Javascript developer or React Developer specifically, we rely on redux for state management,I know there are a lot of other options but redux still the most popular one between them.

Fact: The last project I was working on, has 70 reducers and same for api reducers

(Note: if you’re not familiar with redux…

Studying with coffee
Studying with coffee
Photo by Nick Morrison on Unsplash


I’m so amused to tell you that the course

“Learn Deno: the complete guide” is live.

You could check it now on Udemy platform

The course for everyone Beginner or intermediate developers.

Photo by SCREEN POST on Unsplash

First, what id Deno?

Deno is a simple, modern and secure runtime for JavaScript and TypeScript that uses V8 and is built in Rust.

You might have a look on his talk in 2018

At that time Deno…

Photo by Yan Ots on Unsplash

Youtube tutorial

react-styleguidist gives you ability to see your component in development before integrating it with your production build, also easy to share between your team that you’re working with, with interactive playground and hot reloading you’re developing will be easier than you think for any project.


for create-react-app

Photo by Bundo Kim on Unsplash

The last month React team has been released new update in react bringing the new feature of hooks, if you’re looking for definition of hooks head to react website and check An intro to hooks out


useState is alternative for this.state

Create react native boilerplate with Typescript and Mobx

Head to github page to check this boilerplate for react native


  • React-native
  • Typescript
  • Mobx
  • React-navigation
  • Bebel-decorators
  • Locale
  • Testing: with jest and enzyme

Share, claps will be appreciated 🙂

Mustafa Alroomi

Developer |

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store