Serverless for React Developers

Backdrop
Please sign in to watch this workshop.
Sign in
Bookmark
Rate this content

Intro to serverless

Prior Art: Docker, Containers, and Kubernetes

Activity: Build a Dockerized application and deploy it to a cloud provider

Analysis: What is good/bad about this approach?

Why Serverless is Needed/Better

Activity: Build the same application with serverless

Analysis: What is good/bad about this approach?

This workshop has been presented at React Summit 2022, check out the latest edition of this React Conference.

FAQ

Serverless computing refers to a cloud computing execution model where the cloud provider runs the server and dynamically manages the allocation of machine resources. The pricing is based on the actual amount of resources consumed by an application, rather than on pre-purchased units of capacity.

Zada is a serverless database that focuses on developer experience, offering a UI with TypeScript client, a playground, and a Visual Studio Code extension. It provides features like full search capabilities, branching for safe database changes, and a globally distributed network.

ISR allows you to update static content after the initial build step on a per-page basis. This means your static pages can be updated without needing to rebuild the whole site, providing faster performance and better SEO while still serving dynamic content.

The 'revalidate' option in ISR specifies the number of seconds after which a page re-generation can occur. Setting it to 'true' or '1' means the page will be revalidated after every request, ensuring users always receive the most up-to-date content.

Edge Functions are similar to traditional serverless functions but are executed closer to the user by running on a globally distributed network. This reduces latency because the functions are run on servers geographically nearer to the end user compared to centralized server locations.

Branching in Zada allows developers to make changes to a database in a safe, isolated environment. This feature lets you create, test, and merge changes without affecting the main database, ensuring that your production environment remains stable.

SSG offers improved load times and better SEO since the pages are pre-rendered at build time. However, it lacks real-time data fetching capabilities, which SSR provides by rendering pages on each request, allowing for dynamic content updates.

Tejas Kumar
Tejas Kumar
107 min
04 Jul, 2022

Comments

Sign in or register to post your comment.
Sign in to access video transcription and chapter summary.

Watch more workshops on topic

React, TypeScript, and TDD
React Advanced 2021React Advanced 2021
174 min
React, TypeScript, and TDD
Top Content
Featured Workshop
Paul Everitt
Paul Everitt
ReactJS is wildly popular and thus wildly supported. TypeScript is increasingly popular, and thus increasingly supported.

The two together? Not as much. Given that they both change quickly, it's hard to find accurate learning materials.

React+TypeScript, with JetBrains IDEs? That three-part combination is the topic of this series. We'll show a little about a lot. Meaning, the key steps to getting productive, in the IDE, for React projects using TypeScript. Along the way we'll show test-driven development and emphasize tips-and-tricks in the IDE.
Web3 Workshop - Building Your First Dapp
React Advanced 2021React Advanced 2021
145 min
Web3 Workshop - Building Your First Dapp
Top Content
Featured Workshop
Nader Dabit
Nader Dabit
In this workshop, you'll learn how to build your first full stack dapp on the Ethereum blockchain, reading and writing data to the network, and connecting a front end application to the contract you've deployed. By the end of the workshop, you'll understand how to set up a full stack development environment, run a local node, and interact with any smart contract using React, HardHat, and Ethers.js.