clean-code-javascript
Material UI
![SurveyJS Logo](https://cdn-b.libhunt.com/images/promo-campaign-images/000/000/030/main.png?1674177924)
clean-code-javascript | Material UI | |
---|---|---|
62 | 292 | |
90,410 | 92,183 | |
- | 0.6% | |
0.0 | 10.0 | |
2 months ago | 3 days ago | |
JavaScript | 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.
clean-code-javascript
-
The Clean Code book and the clean code paradigms
By the way, the other day I found on Twitter a summary of Clean Code concepts with examples in Javascript so you can take a look at the content of the book before deciding whether to buy it or not.
- 10 GitHub Repos for Mastering JavaScript
-
Why clean code makes JavaScript programming easier
Further examples of clean code
- Clean code (la juniori)
- If you're a junior to mid-level fullstack engineer and have an upcoming frontend technical interview, here's some things to freshen up on
- How to learn small but important coding conversations/practices?
-
How to avoid writing rubbish code
https://github.com/ryanmcdermott/clean-code-javascript - highly recommendable short read
-
What helped you to achieve a cleaner code?
More clean code concepts from this GitHub repo. Derived from Robert C. Martin's book Clean Code, adapted for .NET/.NET Core. There is also for JavaScript and PHP.
-
π 8 GitHub Repositories to learn JavaScript
Clean Code JavaScript
-
Awesome Github Repos to Master JAVASCRIPT
π We use this language, but if you are asking how to write in the most correct way, a great repo and Style Guide -> airbnb/javascript -> clean-code-javascript
Material UI
-
Ask HN: Is there a react test framework that works?
> [0, 1, 2, -1, 10, 11, 12, 13, 14, -1, 26, 27, 28]
What is that supposed to represent in terms of pagination? Are they cursors...?
> I didn't think the code that generated the HTML from that was really worth testing because it was so superficial.
For what it's worth (as a frontend person), pagination is traditionally one of the trickier things for us to make sure is working correctly. Off-by-one mistakes can happen for example (especially with zero-indexed items). Or sometimes the prev/next buttons don't correctly use the same math as the page 1, 2, 3, etc. buttons. It gets even harder if you don't know the total length in the beginning, or if you allow multiple page sizes or sorts/filters, or use lazy loading, etc.
For those reasons I try to use a ready-built lib like MUI where all that is already tested internally (like https://github.com/mui/material-ui/blob/next/packages/mui-ma... or https://github.com/mui/material-ui/blob/next/packages/mui-ba...), but we still add our own automated and manual tests in our own usages.
But then again I'm bad at math and division, lol, so maybe it's just my own weakness.
-
6 CSS tools for more efficient and flexible CSS handling
The first tool weβll look at is Pigment CSS, a zero-runtime CSS-in-JS library built to extract the co-located styles into separate CSS files during the build phase and eliminate the need for runtime style processing.
- Zero-runtime CSS-in-JS implementation
-
β‘Top GitHub Repositories for UI Components
π Site β GitHub
-
StyleX β Meta's Styling Library
You'll be glad to hear that MUI is zeroing in (pun intended) on a zero runtime solution right now as an alternative to Emotion [0], although that GitHub issue doesn't capture just how far it has come. Expect more soon!
[0] https://github.com/mui/material-ui/issues/38137
-
9 React component libraries for efficient development in 2023
GitHub stars: 89.3k GitHub link: https://github.com/mui/material-ui Documentation: https://mui.com/material-ui/getting-started/
-
13 Must Know Libraries for a React Developer
With GitHub stars of 88K(August 2023) and weekly NPM downloads of 2.9 million(August 2023), MUI is one of the most popular React UI libraries in the world.
-
10 Best Free React UI Libraries in 2023
MUI is a collection of UI tools and component libraries that helps you bring great designs to life in no time. The most popular of these is MUI Core.
- The Ultimate Comparison: Ant Design vs Material# Ant Design vs Material UI: Which React UI Library to Choose
- MUI finally adds "use client" to their components, but...
What are some alternatives?
You-Dont-Know-JS - A book series on JavaScript. @YDKJS on twitter.
mantine - A fully featured React components library
tech-interview-handbook - π― Curated coding interview preparation materials for busy software engineers
antd - An enterprise-class UI design language and React UI library
javascript-algorithms - π Algorithms and data structures implemented in JavaScript with explanations and links to further readings
primereact - The Most Complete React UI Component Library
bulletproof-react - π‘οΈ βοΈ A simple, scalable, and powerful architecture for building production ready React applications.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
nodebestpractices - :white_check_mark: The Node.js best practices list (February 2024)
nextui - π Beautiful, fast and modern React UI library.
30-seconds-of-code - Short code snippets for all your development needs
daisyui - πΌ πΌ πΌ πΌ πΌ βThe most popular, free and open-source Tailwind CSS component library
![SurveyJS Logo](https://cdn-b.libhunt.com/images/promo-campaign-images/000/000/030/main.png?1674177924)