# A lib to Integrate OpenAPI Generator into CERN React Apps

- Institution: CERN
- Department: Open Source
- Speaker: Stefano Marzo
- Year: 2025
- Language: English
- Source: [CERN](https://videos.cern.ch/record/3023071)
- Licence: [CERN](http://copyright.web.cern.ch)
- Who can watch: Teens profiles and older (sources give no ratings; placed by Invisible Network from the source's own words)

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..

0:00:00 Slide 1

0:00:10 Slide 2

0:00:19 Slide 3

0:00:28 Slide 4

0:00:38 Slide 5

0:00:47 Slide 6

0:00:56 Slide 7

0:01:06 Slide 8

0:01:15 Slide 9

0:01:24 Slide 10

0:01:34 Slide 11

0:01:43 Slide 12

0:01:52 Slide 13

0:02:02 Slide 14

0:02:11 Slide 15

0:02:20 Slide 16

0:02:30 Slide 17

0:02:39 Slide 18

0:02:48 Slide 19

0:02:58 Slide 20

0:03:07 Slide 21

0:03:16 Slide 22

0:03:26 Slide 23

0:03:35 Slide 24

0:03:44 Slide 25

0:03:54 Slide 26

0:04:03 Slide 27

0:04:12 Slide 28

0:04:22 Slide 29

0:04:31 Slide 30

## Lectures

1. [A lib to Integrate OpenAPI Generator into CERN React Apps](https://invisiblenetwork.ai/learn/cern/3023071/96fa34be92ab), 5 min (CERN's player)