{"API Evangelist"}

Generating Single Page Apps In React.js From Your Swagger Defined API With ReaCall

I wrote about a simpler example of API to SPA the other day, continuing my journey for apps, services, and tooling that easily deploys a Single Page App (SPA) or light-weight web and mobile clients from a single API, or many APIs. One of the reason I am so transparent about my ideas, is because I depend on my audience to help educate me about what is out there--one of my readers, who is always schooling me, pointed me at Project ReaCall

Jean-Jacques Dubray's (@metapgmr), Project ReaCall combines React.js and Swagger to make it easier for API providers to develop and evolve API Client SDKs (ACS). This is definitely the direction I'd like to see client SDK and SPA deployment space go. I will have to play with ReaCall more, and I do not have any experience with React.js apps, but it looks pretty easy to bind your API endpoints to specific components in a React.js generated app.

Where this will get even more powerful, is when there are ready to go templates, and starter kits for developer to reverse engineer, and better understand how it works. I see that VIMOC Technologies' Landscape-Computing Architecture, and ambient computing API for city infrastructure employes ReaCall for their client deployment. Some more examples, demonstrating common API uses, and real-world client deployments would go a long way in on-boarding people with the approach.

The API Evangelist network operates as almost 100 separate Jekyll driven sites / apps (some have more functionality than others), that run on Github Pages. I can easily envision other operators managing hundreds or thousands of sites, sub-sites, web, mobile, and devices based applications that are generated, maintained, and version-ed using the Project ReaCall approach.

I'd also like to play around with defining web, mobile, or device application stacks using APIs.json, bringing together many disparate APIs into a single collection, and use ReaCall to deploy the application--essentially using APIs.json as the index for where each of the Swagger definitions exist. Adding this to my to-do list, and we'll see if I can manage to float it to the top of my list this summer.