Destroying Client-Server Barriers using TypeScript - London Node User Group - May 2023

Destroying Client-Server Barriers using TypeScript - Akash Joshi (@thewritingdev )

Could you access the Prisma client on the frontend - without revealing any environment variables? This talk goes into my experimentation with Object proxies and websockets, allowing a developer to access server-side objects on the client, with type-safety.

I'll walk through how the proxying works, the type-safety features, and everything else which makes the library works. https://rocketrpc.com

Use Cases:

Define a type-safe API layer on the backend
Share objects like ORM clients with the frontend
I'm a frontend developer at Meta London, with an extreme interest in open source and building web apps for the future. I have 4 years of professional experience in total, but have been contributing via articles and open-source projects since 2016. You can find me on Twitter @thewritingdev.

[00:00:00] Intro
[00:02:10] How to avoid APIs
[00:03:18] RocketRPC
[00:05:04] Server Side
[00:06:09] Rocket RPC Use Client
[00:07:40] Writing Custom Methods
[00:08:42] Accessing Prisma from the front end
[00:10:10] Adding persistence
[00:13:56] Other things
[00:16:13] How does it work? Typescript
[00:19:27] Object Proxies
[00:20:30] What does the getrap do?
[00:22:23] Socket IO
[00:24:35] Queue Object
[00:26:32] Summary
[00:27:22] Q&A



_________________________________________________________________

About Pusher Sessions:

We're bringing the meetup to you. With Sessions, you can watch recordings of top-notch talks from developer meetups -- wherever and whenever you want.

Meetups are a great way to learn from our peers and to keep up with the latest trends and technologies. As developers ourselves, we at Pusher wanted to bring this great content to more people... So we built Sessions. On Sessions, you can watch talks that interest you and subscribe to be notified when new content gets added.

If you run a meetup and want to get involved, kindly get in touch.

_________________________________________________________________

About Pusher:

Pusher is a hosted service with APIs, developer tools and open source libraries that greatly simplify integrating real-time functionality into web and mobile applications.

Pusher will automatically scale when required, removing all the pain of setting up and maintaining a secure, real-time infrastructure.

Pusher is already trusted to do so by thousands of developers and companies like GitHub, MailChimp, the Financial Times, Buffer and many more.

Getting started takes just a few seconds: simply go to pusher.com and create a free account. Happy hacking!