This Component Library Promises to Reduce Development Times
<p>Reducing development time, that’s a bold statement. One that way too many tools have claimed in the past, but not one that many have actually achieved.</p>
<p><a href="https://v2.grommet.io/" rel="noopener ugc nofollow" target="_blank">Grommet</a> is another component library/framework (they call themselves frameworks, we’ll see about that) that is adamant to make you think that by using them, you’ll be able to develop your web apps much faster.</p>
<p>Let’s put that to the test, shall we?</p>
<h1>What is Grommet?</h1>
<p>After testing it for a bit, and giving their documentation a review, I can tell you that Grommet is a react-focused component library.</p>
<p>That’s it, that’s all there is to it.</p>
<p>I know they claim to also be a “framework”, but honestly, I don’t see it <em>yet</em>.</p>
<p>Perhaps in the future, once they iron out some issues, they might earn the “framework” status, but right now, we’re safe sticking to the list of components available.</p>
<p>Why do I say that? What issues do they have to iron out? Well, you see, the team behind Grommet actually offers you three things:</p>
<ol>
<li>A component library you can use to create nice-looking React applications.</li>
<li>An icon library for you to spice the UI even further. They have a nice collection and a somewhat nice online search for them.</li>
<li>An application designer app that allows you to, in theory, create your own app (or at least the presentation) visually using its own components.</li>
</ol>
<p>If you look at that list, yes, in theory, I could call this something more than a component library. The problem? The app designer doesn’t really work, I had multiple issues with white screens whenever a click caused a JS error. I was not able to create something, there was barely any help around it and I couldn’t even find a way to export my creations.</p>
<p><a href="https://blog.bitsrc.io/this-component-library-promises-to-reduce-development-times-68de4148b3d5">Click Here</a></p>