Front-End Web & Mobile

Tag: Amplify

TUTORIAL: Build a responsive pricing component with Amplify Studio Figma-to-React code

Contending with different screen sizes is something every front-end or full-stack developer has to handle, one way or another. Modern applications are not just expected to be functional across devices – users except an elegant, quality experience, from a phone screen to a 40“ ultrawide monitor. In this tutorial, you’ll learn how to leverage Figma’s […]

Figma-to-code component changing variant based on screen size

NEW: Build responsive Figma-to-React components with almost no code

Amplify Studio is excited to announce significant enhancements to responsive component design through Figma-to-Code! Just build your variants and customize your breakpoints – Amplify Studio does the heavy lifting by generating React components with your design decisions already built in. How it works Modern application design requires developers to design for all different screen sizes. […]

Considerations when choosing Amazon Location Services Map Styles

Amazon Location Service offers nine different map styles to fit multiple use cases. How do you pick the right base map style for your application? And how does the base map you pick influence the rest of your application? In this post, we review the different map styles available with Amazon Location maps, as well […]

Build a Mobile App with Passwordless Login on top of AWS Amplify

Note: The Amazon Cognito hosted UI (Web) does not support the custom authentication flow. According to the Gartner Group , 20% to 50% of all IT help desk tickets each year are password resets, meaning the average managed service provider (MSP) with 1,300 users wastes around $7.19 per user, adding up to an annual cost […]

How to build a Chrome extension that integrates with Amplify resources

AWS Amplify is the fastest and easiest way to build cloud-powered mobile and web apps on AWS. Amplify comprises a set of tools and services that enables front-end web and mobile developers to leverage the power of AWS services to build innovative and feature-rich applications. Chrome extensions are a great way to build mini applications that […]

Featured image for component slots with dynamic data

Build an e-Commerce site with Figma-to-React code using Component Slots and dynamic data

This blog post was written by Wesley Peck, Senior Product Manager – Technical at AWS Amplify. Component Slots are a new Amplify Studio feature that allows you to pass content as children of your components. Last time, we outlined how to pass static content into a component generated by AWS Amplify Studio. Now, we will […]

Blog banner for Component Slot feature launch

Introducing Component Slots for Figma-to-React code in Amplify Studio

This blog post was written by Wesley Peck, Senior Product Manager – Technical at AWS Amplify. AWS Amplify Studio is excited to announce a new feature for the Amplify Studio UI Library called “Component Slots”! Component Slots allow you to pass React components or any JSX elements as children of a component generated by Figma. […]

Implementing Real User Monitoring of Amplify Application using Amazon CloudWatch RUM

When you launch a web application to users globally, you want to be able to monitor the experience of your end users as they interact with the application. The end users can access the application from different browsers, geographic locations, connectivity, and so forth, which can lead to varied user experiences. During re:Invent 2021, AWS […]

How to create a one-time password authentication flow using Amplify Flutter

AWS Amplify is a set of tools and services that enables mobile and front-end web developers to build secure, scalable full-stack applications powered by AWS. Amplify recently released a new enhancement for the authentication category to allow Flutter developers to set up custom authentication challenges using Amazon Cognito AWS Lambda triggers.  This guide shows how to […]

Case Study: State Auto cuts production time to a day using AWS AppSync and AWS Amplify

State Automobile Mutual Insurance Company (State Auto), a property and casualty insurer operating in 33 US states, provides insurance products covering personal, commercial, farm and ranch, and workers’ compensation risks. In 2019, State Auto decided to create a cloud-native version of its traditional technology stack using Amazon Web Services (AWS). State Auto sells insurance products […]