The latest articles on Forem by Emmanuel Olaojo (@eoj). https://forem.com/eoj https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F115341%2F6a818171-b090-41bd-87d8-cd94a6bac8ff.png https://forem.com/eoj en Emmanuel Olaojo Mon, 02 Sep 2024 17:22:00 +0000 https://forem.com/eoj/use-magic-grid-official-react-port-of-the-magic-grid-library-2fap https://forem.com/eoj/use-magic-grid-official-react-port-of-the-magic-grid-library-2fap <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi1tgkqehvepmfc58czva.gif" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi1tgkqehvepmfc58czva.gif" alt="demo" width="600" height="338"></a></p> <p>I created <a href="https://github.com/e-oj/Magic-Grid/" rel="noopener noreferrer">magic-grid</a> a few years ago as a super simple way to set up a pinterest-style grid layout. The library is written in plain js with no dependencies but since then, React has become much more popular and I've seen people struggle to make a react version of the library with varying degrees of success.</p> <p><a href="https://github.com/e-oj/use-magic-grid" rel="noopener noreferrer">use-magic-grid</a> is a beautiful port of magic-grid that makes all the functionality and simplicity of the original library available through a hook. Try it out and open issues if you find bugs. Enjoy!</p> react javascript opensource Emmanuel Olaojo Fri, 16 Nov 2018 20:46:08 +0000 https://forem.com/eoj/magic-grid-4l91 https://forem.com/eoj/magic-grid-4l91 <p><a href="https://github.com/e-oj/Magic-Grid" rel="noopener noreferrer">Magic Grid</a> is a simple, lightweight Javascript library for creating dynamic grid layouts. Check out the library on <a href="https://github.com/e-oj/Magic-Grid" rel="noopener noreferrer">GitHub</a> or read about its implementation on <a href="https://codeburst.io/magic-grid-f8e2221e7cef" rel="noopener noreferrer">Codeburst</a>.</p> javascript frontend showdev