# Introducing Nuskha

DevFeed: [Introducing Nuskha](<https://devfeed.tech/articles/introducing-nuskha-20010.md>)

Original publisher: [Read original article](<http://engineering.hackerearth.com/2018/07/07/introducing-nuskha/>)

Published: 2018-07-07T00:00:00Z

Content type: article

Language: en

Sources: [HackerEarth](<https://devfeed.tech/sources/hackerearth.md>)

Topics: [Front end](<https://devfeed.tech/topics/frontend.md>), [Framework](<https://devfeed.tech/topics/framework.md>), [React](<https://devfeed.tech/topics/react.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [Bootstrap](<https://devfeed.tech/topics/bootstrap.md>), [Hackathon](<https://devfeed.tech/topics/hackathon.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [components](<https://devfeed.tech/tags/components.md>), [css](<https://devfeed.tech/tags/css.md>), [developer](<https://devfeed.tech/tags/developer.md>), [development](<https://devfeed.tech/tags/development.md>), [framework](<https://devfeed.tech/tags/framework.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [hackathon](<https://devfeed.tech/tags/hackathon.md>), [react](<https://devfeed.tech/tags/react.md>), [software](<https://devfeed.tech/tags/software.md>), [web](<https://devfeed.tech/tags/web.md>)

## AI overview

HackerEarth introduces Nuskha, an internal front-end framework created to provide reusable CSS classes and components for web interfaces. The article describes its evolution from an initial shared stylesheet into a framework intended to unify components across React projects, improve consistency and ease of use, speed development, and reduce duplicated code.

## Source excerpt

History We at HackerEarth created a single-page document with common and special CSS classes to make layouts, grids, buttons, inputs, tables, tooltips, and form elements in late 2017. That was our first attempt to develop on our own front-end framework. Old Nuskha screens: Framework is a platform, foundation on which ready software solutions are built, in this particular case - web interfaces. For this purpose front-end framework consists of ready components, which are used by a developer when working on a project. What is more, aforementioned components, if necessary, can be modified or adjusted to current needs. - Merix Studio Our development was inspired from Bootstrap. But, we still had miles to go before calling it a framework. To be a part of something that will impact the whole organization was exciting for the bunch of us. After rejecting Kriya Kalaap, Kalakari, Retro, Tattva, Lipstick, and many more, we named our nascent framework Nuskha. "The name 'Nuskha' is inspired by one of the art deities "Nuska" from the Mesopotamian mythology. The word 'Nuskha' is a Hindi word which translates to 'formula' in English - a formula to create or build something." Old Nuskha helped but was still inefficient. We did not have any React components. We had started developing one of our products in React (version 16+) while the other product was in the transitioning phase. With strict deadlines for other important tasks, we were unable to contribute much to Nuskha and inevitably the implementation of the same components in different projects was duplicated. We needed a better framework to unify the components. We needed it for consistency, ease of use, and faster development. Yes, we also wanted to DRY up our code base. Fast forward to few months, as the tradition at HackerEarth goes, we had our internal hackathon scheduled. The timing was perfect. I paired up with Akanksha, another Frontend Engineer at HackerEarth, this time to build Nuskha 2.0 which will eventually be known