DEV Community

Michael Learns
Michael Learns

Posted on

3 1

CSS Designs for React. Recommendations?

This is more like a discussion blog post. Also, is my very first blog post here in DEV.to yay! 🎉🎉🎉

So just recently I've been getting my hands dirty on learning ReactJS. I'm a student (not currently in university) and I love programming both on Web and Mobile. I chose ReactJS because of its capabilities to develop for both Web and Mobile and also because it's one the trending libraries today.

Previously, I've made quite a few web apps with Google's Polymer 2.0 and I can say that it was really awesome using Polymer 2.0. One of the major benefits of using Polymer 2.0 was (for me) the design. It was all material-ly and has this googlish feel to it which I really loved.

Now that I'm learning and probably switching to ReactJS (specifically for the web) I'm looking for some design frameworks that I can use. I'm really quite lazy on the css stuff and I prefer working on the functionality and the look of the app without the nitty-gritty work of css.

Recently I've come across react-mdc but noticed that it hasn't been in development for almost a year now. I like the material look of it though, but I'm wondering what you are using and what are your recommendations?

Thanks for DEV.to for this amazing community btw! The articles and the nuts on this site are really awesome! Learning a lot of stuff here.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (4)

Collapse
 
gabek profile image
Gabe Kangas

I'm a fan of Semantic UI's React components. react.semantic-ui.com/introduction

Collapse
 
imronlearning profile image
Michael Learns

Awesome! Is the Mobile-ready? Also, how is it compared to materialise?

Collapse
 
gabek profile image
Gabe Kangas

Yes, there are mobile features in it's layout components. I'm not familiar with materialise, however.

Collapse
 
imronlearning profile image
Michael Learns

Does anyone happen to know any template design for Reactjs? With like a sidenav?

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay