How can I implement bulletproof-react with MUI ? about bulletproof-react HOT 3 CLOSED

Hi there,

As @jdnickell said, switching to another UI library should not be a problem, just make sure to follow their official guides to get everything set up. However, unless you are building a similar app to the original, I would not recommend using this repo as a boilerplate for several reasons:

• this is an example app with a limited set of build components
• you might not need everything that comes installed or you need something else (like you do with MUI)
• cleaning up what you don't need might require more work than setting everything from scratch
• some dependencies are a bit outdated (I plan to update them soon, so stay tuned :) )

I recommend that you get inspiration from this repo and the example application and start building your own application from scratch based on the project structure of the example app.

from bulletproof-react.

Hey I'm just some guy so certainly would defer to the more experienced UI devs as well, but I can share my limited experience using MUI and this project as an example.

There's really not much to it to get started with MUI. You probably already found the installation steps. If you're working from a fork of the project, you probably want to use the yarn option. Create a theme file for customizations and wrap one of the base components with the Theme provider.

I omitted the Elements directory except MDPreview and excluded the tailwindcss dependency. Now I just use the MUI components directly without any kind of wrapper component. Obviously this means the components are not available in Storybook now, but you can find some options for how to approach that too, MUI Addon.

I'm curious if others will recommend using some kind of wrapper component for the MUI controls. For me it seems overkill, but maybe it makes writing tests easier and I suppose makes it easier for you to switch to another library later?

from bulletproof-react.

@jdnickell
Thank you for your such a kind advise! I'm a really very newbie so I didn't know how to start my app. I read some articles that refer to wrap some components like MUI's and I believed that is a best practice.

I'm curious if others will recommend using some kind of wrapper component for the MUI controls. For me it seems overkill, but maybe it makes writing tests easier and I suppose makes it easier for you to switch to another library later?

Yeah, I would like to know about this matter. Anyway, thank you very much !!

@alan2207
Hi, thank you for your replying! Thanks to your reply I have my questions answered! I have learned a tremendous amount by reading this repository. There are a lot of things that I haven't know but very important. Anyway, thank you very much and I apologize for the delay in replying.

from bulletproof-react.