Engineering Manager at Andela
Shared insights
on
Bit
React
Material-UI
in

I picked up an idea to develop and it was no brainer I had to go with React for the frontend. I was faced with challenges when it came to what component framework to use. I had worked extensively with Material-UI but I needed something different that would offer me wider range of well customized components (I became pretty slow at styling). I brought in Evergreen after several sampling and reads online but again, after several prototype development against Evergreen鈥攕ince I was using TypeScript and I had to import custom Type, it felt exhaustive. After I validated Evergreen with the designs of the idea I was developing, I also noticed I might have to do a lot of styling. I later stumbled on Material Kit, the one specifically made for React . It was promising with beautifully crafted components, most of which fits into the designs pages I had on ground.

A major problem of Material Kit for me is it isn't written in TypeScript and there isn't any plans to support its TypeScript version. I rolled up my sleeve and started converting their components to TypeScript and if you'll ask me, I am still on it.

In summary, I used the Create React App with TypeScript support and I am spending some time converting Material Kit to TypeScript before I start developing against it. All of these components are going to be hosted on Bit.

If you feel I am crazy or I have gotten something wrong, I'll be willing to listen to your opinion. Also, if you want to have a share of whatever TypeScript version of Material Kit I end up coming up with, let me know.

READ LESS
22 upvotes1 comment629.3K views
Murat Umutlu
Murat Umutlu
January 25th 2021 at 12:14PM

Hi Adebayo, If you look something different from MaterialUI, you may like Tailwind CSS or Semantic UI. You may want to try IBM Carbon Design System when you build a commercial dashboard. Typescript can be challenging for the first time. Also you don't need Bit for hosting your components. You can create a boilerplate for yourself, send it to npm and when you start a new project you may use it.

Reply
Avatar of Adebayo Akinlaja

Adebayo Akinlaja

Engineering Manager at Andela