Ballerina: an open-source framework voor Typescript and React
At Hoppinger, we’re always striving to improve our tools and processes for front-end development. This journey resulted in the creation of Ballerina—an innovative framework for Typescript and React development. Ballerina is already transforming how we work. Now, it’s ready to help you.
Introducing the Wx Library
Many years ago, Hoppinger exclusively adopted Typescript and React for its front-end development projects. However, this posed us with 2 challenges:
- Ensuring consistent coding practices across all teams
- Speeding up go-to-market with minimal defects
Both challenges were addressed by introducing widgets-for-React (Wx). Our new Wx library brought a lot of advantages: it quickly solved common front-end bugs and it standardized code—allowing developers to easily work on different projects.
Drawbacks of widgets-for-React
Although Wx resolved many issues, it also had its drawbacks. Its hardcore functional programming approach was challenging for simple tasks. Moreover, Wx proved to be lacking in standardization, modularization, and concurrency control.
Because of these limitations, I decided to take on the challenge of developing a new, innovative framework. An effort that ultimately resulted in Ballerina.
What is Ballerina?
Ballerina is an open-source collection of tools, libraries, and guidelines designed to simplify Typescript and React development. It helps developers with:
- Structuring and organizing code effectively
- Splitting code into reusable modules
- Managing complex tasks like data synchronization and API handling
- Reusing modules across multiple applications
- Writing code that works seamlessly for both web and React Native apps from one repository
Because of this, Ballerina enables effortlessly elegant and powerful code—qualities that also define great dancers.
The Power of Synergy
After applying Ballerina to various projects within Hoppinger, we quickly realized that it significantly enhances development efficiency by streamlining the process of working with React.
Because Ballerina is open source, it can be used more widely and grow more quickly. Through our collective effort we can share insights, learn to use the framework more effectively, and continue to improve it together.
Interested in trying it for yourself? Go ahead, it’s free and open-source software.
Would you also like to work with Ballerina?
Carlijn will gladly tell you all about it