Development PracticesTools-in-Action30min
Integrating OpenAPI Generator into CERN React Apps: Pitfalls and Best Practices from the Frontlines
This talk presents CERN’s open source React library that optimizes integration of OpenAPI Generator clients using a custom hook, addressing common issues like boilerplate and memory inefficiency. It covers the challenges faced, lessons learned, and demonstrates how the solution improves performance, maintainability, and developer experience in large-scale React applications.
Stefano MarzoCERN
talkDetail.whenAndWhere
Tuesday, October 7, 17:35-18:05
Room 6
At CERN’s Business Computing Group, we're developing a large-scale React UI for one of CERN’s biggest business applications.
Integrating OpenAPI Generator into React brings clear benefits, but the process isn’t always straightforward.
With no official guidelines or common patterns, developers often create their own strategies to integrate OpenApi Generator into React apps, which can lead to common pitfalls like excessive boilerplate and inefficient memory usage.
To address this, we built an open source React library that wraps and optimizes OpenAPI-generated clients using a custom hook, making a better use of memory and streamlining API calls.
In this talk, we’ll share the challenges we faced, the mistakes we learned from, and how our open source solution helps making OpenAPI Generator work better in React applications, improving performance, maintainability, and the developer experience.
Integrating OpenAPI Generator into React brings clear benefits, but the process isn’t always straightforward.
With no official guidelines or common patterns, developers often create their own strategies to integrate OpenApi Generator into React apps, which can lead to common pitfalls like excessive boilerplate and inefficient memory usage.
To address this, we built an open source React library that wraps and optimizes OpenAPI-generated clients using a custom hook, making a better use of memory and streamlining API calls.
In this talk, we’ll share the challenges we faced, the mistakes we learned from, and how our open source solution helps making OpenAPI Generator work better in React applications, improving performance, maintainability, and the developer experience.
Stefano Marzo
Stefano is a senior software engineer at CERN, specialized in foundational code and core libraries that support the development of business applications and frameworks. His contributions empower various teams to create reliable applications that meet CERN's diverse business needs.
Before joining CERN, Stefano worked as a corporate software engineering trainer for major IT consultancy firms.
Before joining CERN, Stefano worked as a corporate software engineering trainer for major IT consultancy firms.
talkDetail.transcript.loginToSeeTakeaways
talkDetail.transcript.loginToSeeInsights
comments.speakerNotEnabledComments