One of the keystone advantages of modern component systems is the idea of reusability. As any developer will tell you, abstracting away commonly used code speeds development in a measurable way. Component systems bring this approach into the front end, allowing devs to take advantage of reusable components, modules, and configurations. Recently, frameworks have started adding configuration-less project tools to speed start up even more. Now, with a simple call to angular-cli, or create-react-app, a developer can have a fully functional, production ready, unit test enabled app stood up in less than five minutes. The time savings because of these tools is measurable in days, not hours. This tangible benefit is yet another reason to consider front-end frameworks for new development.
In a discussion about reusability across a system, the next logical topic is component reusability. Across a company, system, or even an app, components like text fields, dialog boxes, and grid layouts are reused time and time again. When these components are common across an entire organization with multiple apps, it becomes prudent to develop a component library to unify those components. These component libraries can bring together DOM structure, design standards, and even css styles to give the organization a cohesive look with little or no rewriting of components. This also reduces the time to develop a production app in the organization’s look and feel. With a little investment in a custom component library, project development is supercharged with the power to create apps that look cohesive, work as expected, and are easy to stand up. This provides measurable benefits to organizations looking to increase developer productivity and speed time-to-market.
Modern component libraries aren’t as scary as they were a few years ago. With advancements in usability, configuration, and communities, front-end frameworks have gone from a luxury to a necessity. From decreasing stand up time to increasing reusability with component libraries, frameworks take all the downsides of traditional front-end development and turn them on their head.