Your front-end web and mobile guide to re:Invent 2022

We’re excited to join the global cloud computing community virtually and in Las Vegas for AWS re:Invent, a learning conference for meeting fellow builders, getting inspired, and rethinking what’s possible. The event begins on November 28, 2022 and will feature keynote announcements, training and certification opportunities, access to more than 2,000 technical sessions, a partner expo, after-hours events, and so much more. Still need to save your spot? You can register here.

With so much planned for the Front-End Web and Mobile (FWM) track at re:Invent, we’re highlighting the most exciting sessions for technology leaders and frontend, full-stack, and backend developers in this post. Sessions span intermediate (200) through expert (400) levels of content in a mix of interactive chalk talks, hands-on workshops, and lecture-style breakout sessions. We’ll cover the broad set of AWS tools and services that support development workflows for native iOS/Android, React Native, Flutter, and JavaScript developers. Attendees will leave re:Invent with modern strategies to accelerate full-stack app development, modernize APIs with GraphQL, and build real-time, interactive application experiences that delight customers.

For our startup friends: join thousands of your peers in person at re:Invent 2022. Our technical workshops, leadership keynotes, and builders’ sessions immerse you in the agile world of startup culture. We’ve noted the top sessions designed with startups in mind below.

Sessions

Reserved seating is available for registered attendees to secure seats in the sessions of their choice. Reserve a seat by signing in to the attendee portal and navigating to Event, then Sessions.

Breakout Sessions

AWS re:Invent breakout sessions are lecture-style and one hour long. These sessions are delivered by AWS experts, customers, and partners, and they typically include 10–15 minutes of Q&A at the end. For our virtual attendees, breakout sessions will be made available on demand in the week after re:Invent.

Level 200 — Intermediate

• FWM201 – How Amazon Location Service enabled tracking of London Marathon runners

In this session, learn how Tata Consultancy Services (TCS) developed a scalable, real-time location-based application to track and monitor 100,000 global participants during the 2021 London Marathon. Discover how Amazon Location Service and mobile devices made it possible for family and friends to visually monitor the location of runners through high-quality geospatial maps.

• FWM202 – Site suitability analysis using Amazon Location Service

In this session, attendees learn how retailers can use Amazon Location Service to select locations for their stores and warehouses and how to use geo-demographic data to recruit the talent they need to staff each location.

Level 300 — Advanced

• FWM308 – What’s new for frontend web and mobile developers with AWS Amplify
  • Recommended for startup founders & developers

AWS Amplify helps frontend web and mobile developers build full-stack applications in hours with minimal cloud expertise. In this session, explore the capabilities of Amplify, including how you can easily configure a backend with authentication, data, and storage; create a frontend UI with Amplify Studio; and host static and server-side rendered web apps with Amplify Hosting. Learn about recent Amplify updates, including Next.js support; Amplify Flutter support for web, desktop, and iOS/Android; and extensibility features that let you use the breadth of 175+ AWS services with AWS CDK and modify deployment operations as your needs evolve.

• FWM309 – Design to code: Build an app frontend UI in minutes with AWS Amplify Studio
  • Recommended for startup founders & developers

Frontend developers use AWS Amplify to quickly build and deploy web and mobile apps on AWS with a common backend. Amplify’s zero-configuration workflows help developers get started on AWS faster because they can easily configure robust backend capabilities for their apps. Backends can be extended to add capabilities from 175+ AWS services as use cases expand, and Amplify Studio extends these benefits to UI development. With Amplify Studio, developers can now visually build their apps front to back, from exporting prototypes in Figma to frontend code, to configuring the app backend and connecting them together. Developing full-stack apps on AWS has never been easier, and this session shows you how.

• FWM310 – Building a multi-Region serverless application with AWS AppSync

As organizations grow, they often need to serve geographically dispersed users with low latency, prompting them to have a distributed global infrastructure in the cloud. AWS AppSync is a serverless GraphQL and pub/sub API service that simplifies building modern web and mobile applications, allowing you to optimize data access with fewer network calls and built-in real-time features. In this session, discover how you can connect to a GraphQL API endpoint closest to you, automatically access the same data replicated between AWS Regions, and eliminate infrastructure management tasks so you can focus on writing application code that serves your customers.

• FWM315 – Create real-time, event-driven apps with Amazon EventBridge & AWS AppSync

Today, real-time digital experiences (such as real-time sports scores and financial portfolio updates, interactive learning, location tracking, and chat capabilities) are ubiquitous, and consumers have come to expect them. Join this session to learn how event-driven and publish/subscribe (pub/sub) architectures, implemented with Amazon EventBridge and serverless WebSockets from AWS AppSync, help application developers use real-time data to create differentiated digital experiences for their customers.

• FWM316 – Accelerate GraphQL API app development & collaboration with AWS AppSync

Customers use AWS AppSync to build serverless GraphQL APIs because it helps them develop applications faster by giving developers the ability to access data from multiple backend services in a single endpoint with fewer network calls. Join this session to learn about exciting new AWS AppSync features that make it even easier for API developers to realize the benefits of GraphQL for their application development.

Chalk Talks

Chalk Talks are highly interactive sessions with a small audience. Experts lead you through problems and solutions on a digital whiteboard as the discussion unfolds. Each begins with a short lecture (10–15 minutes) delivered by an AWS expert, followed by a 45- or 50-minute Q&A session with the audience.

Level 300 — Advanced

• FWM301 – How to use Amazon Location Service for an intelligent supply chain

Amazon Location Service makes it easy for developers to add geospatial data and location functionality to applications. In this workshop, learn how to optimize your supply chain powered by Amazon Location Service, AWS IoT Core, and AWS Amplify. Discover how to develop a full-stack app that allows a field service dispatcher to enter and store destination and waypoint locations on a map, create cost-effective and optimized routes, and track a driver on a map. You must bring your laptop to participate.

• FWM305 – API-first functionless application architectures with AWS AppSync

Organizations adopting modern, API-first application patterns are increasingly turning to functionless API architectures powered by GraphQL and AWS AppSync to increase development velocity and decrease operational overhead. In this chalk talk, learn how GraphQL helps organizations provide frontend developers the ability to query multiple databases, microservices, and APIs with a single GraphQL endpoint. Additionally, discover how AWS AppSync, AWS Step Functions, and Amazon EventBridge can be used to manage the business logic of APIs in a fully managed and functionless manner.

• FWM306 – How to build a pet tracker application with Amazon Location Service

In this workshop, learn how to build a pet tracker application and how to add location functionalities, such as maps, assets, and trackers, to your application. Find out how to create and monitor geofences with Amazon Location Service. Also, discover how to deploy a serverless application that showcases AWS IoT integrations for geospatial use cases. Leave this workshop with a clear understanding of how to add maps and tracking features to applications and edge devices. You must bring your laptop to participate.

• FWM311 – Build secure, offline-first mobile apps with AWS Amplify and AWS AppSync

Developers are building offline-first apps to deliver differentiated experiences for their customers. Amplify DataStore is an on-device storage engine that automatically synchronizes data between mobile and web apps and your database on AWS to help you build real-time and offline apps faster. You can use Amplify DataStore as a local data store in web and mobile apps without connecting to the cloud. When paired with AWS AppSync, Amplify DataStore synchronizes the app data with an API when network connectivity is available. In this chalk talk, learn how Amplify and AWS AppSync can help you tackle Delta Sync, conflict detection, and more when transitioning from real time and online to offline.

• FWM312 – Modernize web and mobile APIs with AWS AppSync GraphQL serverless patterns (will have repeat)

Using data to create differentiated user experiences is at the heart of many companies’ strategies, but these projects become challenging as they try to scale and provide more features. Serverless APIs using AWS Lambda and Amazon API Gateway have helped backend teams better manage this complexity. Now, serverless GraphQL APIs are helping frontend teams connect apps to different types of microservices and data sources. In this session, learn best practices for your company’s transformation and adoption of modern APIs with GraphQL and AWS AppSync to accelerate full-stack web and mobile development, and learn how to use serverless services on AWS to accelerate this process.

• FWM313 – Build and deploy SSR web applications with Next.js and AWS Amplify

Modern web applications need to deliver the lowest possible latency to end users globally and scale to meet peak workloads and spikes in traffic. AWS Amplify Hosting is a fully managed CI/CD and hosting service for static and server-side rendered (SSR) web applications that automatically scales, serves content with low latency from the reliable AWS content delivery network, and reduces the cost of hosting and operating web application infrastructures. Amplify Hosting supports modern web frameworks such as React, Angular, Vue.js, Next.js, Gatsby, Hugo, Jekyll, and more. In this session, learn how Amplify and Amplify Hosting are helping organizations bring their performant serverless web applications to life in record time.

Workshops

Workshops are two-hour interactive learning sessions where you work in small group teams to solve problems using AWS services. Each workshop starts with a short lecture (10–15 minutes) by the main speaker, and the rest of the time is spent working as a group.

• FWM302 – Build a real-time multiplayer gaming app with AWS Amplify & AWS AppSync (will have repeat)

Increase application engagement by providing differentiated user experiences that use real-time data. In this workshop, build an online, real-time multiplayer trivia application, and learn how to create a serverless web application quickly. In addition to game management, learn how to build real-time capabilities such as player scoring and leaderboards and game state updates. Find out how to use AWS Amplify to connect a frontend to a sophisticated backend with a GraphQL API powered by AWS AppSync, using subscriptions to deliver real-time data to users. You must bring your laptop to participate.

• FWM303 – Build a full-stack retail web application with AWS Amplify (will have repeat)

User-facing web and mobile applications are the primary touchpoint between organizations and their customers. To meet the ever-rising bar for customer experience, developers must deliver high-quality applications with both foundational and differentiating features. AWS Amplify helps frontend developers build faster front to back. In this workshop, learn how to build a full-stack retail web application with frontend UI and a backend with AWS Amplify Studio. Discover how to approach use cases such as data, authentication, storage, and APIs, and how to extend use cases as your needs evolve. Finally, learn how to deploy your serverless application using Amplify Hosting built-in hosting and out-of-the-box CI/CD capabilities. You must bring your laptop to participate.

• FWM307 – Build a cross-platform mobile app in Flutter with AWS Amplify

AWS Amplify helps frontend web and mobile developers quickly build feature-rich applications without the need for deep cloud expertise. Flutter is a UI toolkit for building applications that compile to mobile, web, and desktop from a single codebase. In this workshop, learn how to build a complete Flutter mobile application with AWS Amplify Flutter Libraries and create custom plugins using the AWS Amplify Android and iOS libraries. Discover how to add features such as analytics, in-application messaging, and offline capabilities with AWS Amplify DataStore and AWS AppSync. You must bring your laptop to participate.

Builders’ Session

These 60-minute group sessions are led by an AWS expert and provide an interactive learning experience for building on AWS. Builders’ sessions are designed to create a hands-on experience where questions are encouraged.

Level 300 — Advanced

• FWM314 – Location data 101: Getting started with Amazon Location Service

In this hands-on builders’ session, build a custom web application and add location functionality using Amazon Location Service. Learn how to embed a map into an application, geocode and reverse-geocode addresses, create trackers and geofences to monitor assets, and plan routes. You must bring your laptop to participate.

Theater Session

Theater sessions are 20-minute demos designed to give practical instruction in a lecture-style setting.

• FWM001 – Build full-stack serverless applications with AWS and Next.js

In this session, learn how to build scalable chat applications that contain the rich set of features customers expect, using Next.js and the AWS Amplify UI library to design the frontend and its frontend libraries to connect to the backend services. Then, learn how to use the AWS CDK to connect backend services such as AWS AppSync, Amazon DynamoDB, and Amazon Cognito. With this approach, both frontend and backend teams can scale independently while still allowing full-stack developers to manage both stacks in a common language. This method helps you create scalable, real-time applications without worrying about infrastructure.

• FWM002 – Collect and analyze movement data with Amazon Location Service

In this session, learn how to uncover patterns in your data and calculate performance metrics to improve your operations using Amazon Location Service, Amazon EMR, and Esri’s ArcGIS GeoAnalytics Server. Explore how you can build and deploy a solution that regularly analyzes your data to drive operational efficiency.

Be sure to check out the sessions below for further exploration of web and mobile application development and expanded use cases:

AI/ML

• AIM318: Taking personalization to the next level with Amazon Personalize

Architecture

• ARC302: Design and build modern mobile apps

Build on AWS

• BOA318: Build a fitness activity tracker using machine learning
• BOA319: Build cross-platform interactive polls with .NET and MQTT
• BOA321 – Modernize and gradually migrate your data model from SQL to NoSQL
• BOA326: Lift and shift a web application to serverless: Yes, it’s possible!
• BOA330: Cloud backends for frontend developers
• BOA332: Build an iOS-native app with a cloud-based backend
• BWP201: Build with prototypes: Be a customer-obsessed developer

Community

• COM209: Become a full-stack developer: Migrating a company from GCP to AWS
• COM310: Conserving wildlife with serverless, ML, and citizen science

DevOps

• DOP404: Proactive security and compliance for infrastructure-as-code resources

IoT

• IOT309: Build smart camera applications using Amazon Kinesis Video Streams WebRTC

Serverless

• SVS209: Get started building your first serverless, event-driven application
• SVS318: Building modern API architectures: Which front door should I use?

For perspectives and predictions on the future of web and mobile app development, don’t miss the Developer Leadership Session (DOP208-L) with Adam Seligman, AWS Vice President of Developer Experience on Thursday, December 1. Adam will recap the latest launches and demo how key services can integrate to accelerate developer productivity. Adam will also provide insights and updates across many areas of developer tooling and discuss how AWS is empowering developers to ship resilient applications in a fraction of the time.

If you’re joining us in Las Vegas and have questions about building modern applications on AWS, or just need a place to relax and recharge between sessions, stop by the AWS Modern Applications and Open Source Zone located on the third floor of The Venetian Expo. Get demos and deep-dives from AWS experts, grab snacks and drinks, and show us your best moves on the two-player Dance Dance Revolution arcade machine!

Want to stay connected?

Get the latest front-end web and mobile updates from AWS by following us on Twitter and visiting the front-end web & mobile blog.

About the author: