The performance of mobile applications is extremely important. Users want a seamless experience with almost no bugs or glitches — to save yourself the violent reviews your mobile app would get on the app stores. Or preferably reduce? Because haters will hate.

JavaScript is arguably a performant language naturally. It’s the pinnacle of all web applications that run on the client. A modern day functioning app cannot exist without shipping JavaScript modules to the client. There are several benchmarking tools to illustrate this.

The “Nigerian Council of Food Science and Technology is a professional body in Nigeria that is focused advancing the field of food science and technology in the country. It serves as an organization for professionals, researchers, educators, and practitioners who are involved in various aspects of food science and technology.

They have a portal that is used by the adminstrative team at Nicfost. The client side is written entirely in JavaScript. I didn’t build the client, it was written by someone else. After all, I have expressed my distate severall on this blog for JavaScript as a bad dynamic programming language for robust projects. I use Typescript instead. The backend is also written in Java, I didn’t write the initial Java backend though - which I wish I did. The refactoring and process wasn’t funny.

Introduction.

In this article, you will learn how to install storybook and configure it with tailwindcss, in a Next JS project. I have used these tools to build several side projects of mine and even professional projects. I hope you find it interesting.

Why Tailwind and Storybook?

It boils down to your preference. Storybook is a pretty nice tool that could be used alongside several CSS in options. From utility first frameworks such as tailwindcss, to Chakra UI, CSS in JS (Styled Components) or plain styling in CSS.