20
Root
4y

!rant

I need to pick a CSS framework for a[n eventually very large] React/React-native project at work. Any suggestions?

While I'm very good with CSS, nobody else is,
and eventually everyone is going to be touching the project, so it needs to be pretty easy to use.

I'm thinking of picking Bulma, or one of the newer, lighter frameworks, but I just don't know. (I'm also getting a lot of pressure to pick Bootstrap3 so we can... copy tables from unrelated sites? I guess? idgi)

Anyway, I have until Wednesday to completely convert over (it'll take me a day), and I still don't know what to pick yet.

Suggestions/advice welcome!

Comments
  • 5
    Hey! The rest of my tags disappeared! 😡
  • 1
    Tag your it
  • 1
    While I'm under considerable pressure to pick bootstrap3, the only other frontend people with strong opinions are contractors, and my project is replacing most of theirs. So. I can pick anything and they'll have to accept it.

    Also, copying tables / styling from their apps doesn't seem like the most useful thing in the world. ... especially since they write everything in Angular1 (C# backend), so it would take a good amount of refactoring their markup to use their markup. 😞
  • 5
    @AlexDeLarge Admittedly, I know very little about CSS frameworks.

    I had a good amount of experience with bootstrap2 and a few others, but now I just style everything myself. It's considerably smaller overall and takes me much less time.

    ------

    I'll look into Ant Design later today. 😊
  • 2
    You can't use css classes in React Native, so you probably won't be able to use css frameworks.
  • 4
    Semantic ui is pretty good. Easy to understand, lot of features, looks nice.
  • 1
    @shellbug: the app is going to be used from every sort of device, desktops including.
  • 1
    Fucking bootstrap. 😑
  • 2
    @Ashkin I'm sorry, I'm confused. Are you going to build a web app, a native app, or both?
  • 1
    @shellbug both. Hence saying both, not just one.
  • 3
    @iam13islucky @Ashkin alright, then for the web app you can chose whatever css framework you like, but you won't be able to use it on React Native, because it doesn't support css classes, only inline styles.
  • 3
    As a backend guy I can't say it's better than other options, but my default library is purecss. It's an extremely minimal framework, with a few separately usable modules for responsive grid, buttons, forms and images.

    The UI team at the company I work for throws dirty looks as soon as you mention "framework", their opinion is that you should always build bespoke styling, animations and icons for a product from scratch.
  • 3
    We're strongly considering using (customized) material design or ant-design.
  • 6
    @bittersweet I do agree! However, when non-frontend devs start writing css... bad things happen.
  • 2
    @Ashkin That is something most backend devs will gladly plead guilty to.
  • 2
    Bootstrap4 looks good. I love simplicity of bootstrap. Easy to use and integrate. You can try materialize.css if you want google material design,. It is similar to bootstrap

    If you are working with vue.js try vuetify
  • 0
    My suggestion would be to try vuejs
  • 0
    I finished a part of my application in 3 days with vuejs, yesterday. With plain js would have taken a week, and yet the performance wouldn't have been this good.
    I fucked the source code yesterday. deleted the repo that contained the source codde. So I lost all the source files. I had to re write the whole source code.
    This time wrote everything in just 4 hours 😐😁😂
  • 4
    @chiragiem36 This is a React app. That part isn't changing.
  • 1
    @runfrodorun @linuxxx: thoughts?
    I'm normally not a fan of using something produced by Google. Should I care in this instance? Does it matter at all?
  • 1
    @Ashkin For ethical reasons I don't (or try not to) use anything made by Google but wondering what @runfrodorun thinks on this one indeed!
  • 3
    @Ashkin if you're going with material you have some good libs for both react and react native:

    - material-ui for react;
    - react-native-material-ui for react native.

    The last one is still a bit green, but it's growing.
  • 2
    @Ashkin oh, I should add that those libs aren't made by Google.
Add Comment