Number one this week, InfiniteGrid is a JavaScript library to arrange card elements on the screen by creating various kinds of layout:
- “grid layouts” to make images with the same width stack properly
- “justified layouts” to arrange the content by rows
- “square layouts” to arrange squared images of different size, creating a nice checkerboard
- and many more, check the documentation to see all the layouts in action.
An interesting point is the focus on performance: as the user scrolls through the elements, the library automatically re-uses the DOM elements that leave the viewport, to keep the number of DOM elements constant.
Let’s finish with a short update about Best of JavaScript.
We have improved the page that shows the project’s details. In addition of the heat map that shows the stars added day by day, we provide a graph of the stars added month by month, to get a better understanding of the overall trends.
Reach us on GitHub if you have any feedback, thank you!
Growing Fast This Week
1 | InfiniteGrid Arrange card elements including content infinitely on a grid layout. | Homepage | +14.1% | |
2 | roughViz.js Reusable JavaScript library for creating sketchy/hand-drawn styled charts | GitHub | +10.5% | |
3 | Elastic UI A collection of React UI components for quickly building user interfaces | Homepage | +9.6% | |
4 | Keystone A scalable platform and CMS to build Node.js applications | Homepage | +8.7% | |
5 | swr React Hooks library for remote data fetching | Homepage | +7.1% | |
6 | React Hook Form React hooks for forms validation without the hassle. | Homepage | +5.1% | |
7 | react-three-fiber React renderer for Threejs (web and react-native) | Homepage | +4.6% | |
8 | Chakra UI ️Simple, Modular & Accessible UI Components for your React Applications | Homepage | +4.5% | |
9 | Theme UI Build consistent, themeable React apps | Homepage | +4.0% | |
10 | React Adaptive Loading Hooks Deliver experiences best suited to a user's device and network constraints | GitHub | +3.8% |
Trending This Week
1 | Tech Interview Handbook Materials to help you rock your next coding interview | Homepage | +495 ★ | |
2 | JS Algorithms & Data Structures Algorithms and data structures implemented in JavaScript | GitHub | +468 ★ | |
3 | Vue.js A progressive, incrementally-adoptable framework for building UI on the web | Homepage | +429 ★ | |
4 | roughViz.js Reusable JavaScript library for creating sketchy/hand-drawn styled charts | GitHub | +422 ★ | |
5 | VS Code Visual Studio Code | Homepage | +417 ★ | |
6 | Vue Element Admin A magical vue admin | GitHub | +387 ★ | |
7 | swr React Hooks library for remote data fetching | Homepage | +364 ★ | |
8 | Node.js Best Practices The largest Node.js best practices list (November 2019) | GitHub | +344 ★ | |
9 | You Don't Know JS A book series on JavaScript | GitHub | +333 ★ | |
10 | React A declarative, efficient, and flexible JavaScript library for building UI | Homepage | +333 ★ |
Any question or feedback? Reach us on GitHub.
Best of JavaScript is a project created by Michael Rambeau, made in Osaka, Japan.