文件名称：react-masonry-css:由CSS提供支持的React Masonry布局组件，无依赖
文件大小：71KB
文件格式：ZIP
更新时间：2024-05-21 13:09:09
masonry hacktoberfest masonry-component JavaScript
利用CSS和本机React渲染的Masonry组件，可实现快速响应的砌体布局 :smiling_face_with_sunglasses: 为什么？ 现有的解决方案（如React包裹的DeSandro Masonry）虽然很流行，但实际上并没有利用React高度优化的Virtual DOM渲染器，在DeSandro Masonry的情况下，实际上是在显示布局之前渲染了两次元素。 所有这些都可以，但是我们发现它会导致缓慢的，“缓慢的”用户体验，有时会误渲染我们的布局。 我们需要快速，简单的Masonry布局，使用React的Virtual DOM而不需要jQuery或其他依赖项，这导致我们探索仅使用CSS即可在React Component中使用最新技术进行处理。 在flexbox，css列，css网格之间，我们选择了普通的div和一个flexbox，后者默认情况下允许“流体”响应式布局，但最重要的是，它适用于Reacts渲染生命周期。
【文件预览】：
react-masonry-css-master
----.gitignore(72B)
----package.json(2KB)
----src()
--------react-masonry-css.js(5KB)
----dist()
--------react-masonry-css.cjs.js(8KB)
--------react-masonry-css.umd.js(9KB)
--------react-masonry-css.module.js(8KB)
----LICENSE(1KB)
----build.js(2KB)
----demo()
--------demo.built.js(216KB)
--------index.html(1KB)
--------demo.js(2KB)
----readme.md(5KB)
----index.d.ts(349B)