Primer
mui-rff
Our great sponsors
Primer | mui-rff | |
---|---|---|
4 | 4 | |
12,454 | 473 | |
0.5% | - | |
8.5 | 6.8 | |
5 days ago | 14 days ago | |
SCSS | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Primer
-
Tremor β The React library to build dashboards fast
If you are looking for a dashboard system that is written in vanilla JS, I will be open sourcing my DevBoard in the next month or two. You can see it in action at https://devboard.gitsense.com/microsoft/vscode and learn more about the widget system at https://devboard.gitsense.com/microsoft/vscode?board=gitsens... Note the repo that is mentioned in the intro page hasn't been pushed to GitHub yet, but will be soon.
The server is a very simple node/express app and the front end is written in vanilla javascript. I also use GitHub's primer css (https://github.com/primer/css) and a heavily stripped down version of tabler's css (https://github.com/tabler/tabler)
Note, DevBoard is more geared towards hackers, so Tremor's is probably a much better fit if you are looking for an out of the box solution.
- GitLab diff color system
-
π20 Best CSS3 Library For Developers.
11. Primer CSS
- how to use primer css
mui-rff
-
Tremor β The React library to build dashboards fast
Part of the complexity of integrating a form library with a ux library is passing all of the correct properties around between the two. In this case, I wasn't doing that correctly and it resulted in a bug where disabled was not being set correctly. Someone filed a bug. The bug was fixed and a test was written to ensure that this doesn't happen again in the future.
You can read the history here: https://github.com/lookfirst/mui-rff/issues/455
If you're working with people who randomly 'forget' things while they are doing development, then I guarantee that you're working with people who also write buggy code.
I consider buggy code the act of developers writing the code at least 2x instead of 1x. If you or your company is paying someone $X a year to write code once and they are actually writing code more than once, then I would highly suggest you look for new people to work with because that is a terrible return on investment.
If your developers are writing tests, along with their code, then the code is far more likely to be correct and better thought out and less buggy than code that was just hand tested as they developed it. Speaking of that 2x example, I'd rather pay someone 2x the amount of time to write code, with tests, than the other way around.
-
Node_modules: One character saved 50 GB of disk space
Kind of yes... not all dependencies are direct for the app, a lot are just dev dependencies. Just to get eslint/prettier to warn, auto format and cleanup my code when I save a file, it is 13 direct dev dependencies in my project [0].
[0] https://github.com/lookfirst/mui-rff/blob/master/package.jso...
-
The burden of an Open Source maintainer
After ~25 years of open source and regretting a lot of my earlier behaviors as a younger human, a couple years ago I created another open source project [0].
I made a point of setting it up right from the beginning. Easy build system, fully unit tested, code of conduct, automated CLA signing, examples, good documentation and most importantly, I am excessively kind to anyone who comments or gives feedback. This took an inordinate amount of time up front, but was worth it.
I'd say the result of this is that I've gotten a couple high quality contributions, zero stress and very very little feedback. It has been a pleasure to maintain this project because it causes me no pain at all.
I'd say that maintaining 200+ projects is just insane really. You've overdone it. It is impossible to do any of them extremely well and of course you're just going to invite 200x more drama. Don't do that.
[0] https://github.com/lookfirst/mui-rff
What are some alternatives?
Tailwind CSS - A utility-first CSS framework for rapid UI development.
antd - An enterprise-class UI design language and React UI library
NES.css - NES-style CSS Framework | γγ‘γγ³γ³ι’¨CSSγγ¬γΌγ γ―γΌγ―
tremor - React components to build charts and dashboards
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
storybook - π The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more! [Moved to: https://github.com/storybookjs/storybook]
Picnic CSS - :handbag: A beautiful CSS library to kickstart your projects
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
Cirrus - :cloud: The SCSS framework for the modern web.
ant-design-pro - π¨π»βπ»π©π»βπ» Use Ant Design like a Pro!
Milligram - A minimalist CSS framework.
material-dashboard-react - React version of Material Dashboard by Creative Tim