Front-End Web & Mobile

Tag: React

AWS Amplify UI: 10 new and updated components

The AWS Amplify UI team is introducing eight brand new React user interface components and two improved components to help you build feature-rich apps for your end users. In this post, we’ll highlight the new components and how you can use them in a project. Amplify UI is a component library with both cloud connected […]

Info card with an impact of storage manager within Form Builder

NEW: Announcing Storage Manager and Relationship Support for Form Builder

Today, AWS Amplify is excited to announce the launch of two new features for Amplify Studio Form Builder: Storage Manager, and Relationship support! With this launch, we are extending the functionality of Form Builder to support even more use cases. Storage Manager links your generated React forms to Amplify Storage, using S3, so your forms […]

Announcing the Amplify UI StorageManager Component

Announcing the Amplify UI StorageManager Component

Amplify UI is a collection of accessible, themeable, performant React components that can connect directly to the cloud. Today we are announcing a new cloud-connected UI component called the StorageManager, which lets your users upload and manage files to the cloud. In this post you will learn how to use Amplify’s new StorageManager component to […]

Authenticating AWS Amplify in an Expo React Native App using Okta OIDC

Managing user identities across multiple applications within an organization can be problematic. If your organization already has a solution for managing user access it is preferable that new applications integrate with currently exiting solutions rather than leveraging a novel mechanism. Okta is one such widely adopted identity management solution that may already be in play […]

Feature Launch: Deploy a fullstack Next.js 13 app with AWS CDK

Deploy a NextJS 13 application to Amplify with the AWS CDK

Modern application development often includes features such as authentication, API setup, and file storage. In a previous post we saw how AWS Amplify and the AWS CDK manage the undifferentiated heavy-lifting of standing up these services. However, without a hosting platform your customers would never see your product. Fortunately, AWS Amplify Hosting is a platform […]

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. […]

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 […]

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. […]

Write Your Own Code with AWS Amplify Studio

AWS Amplify Studio enables developers to go from Figma designs to pixel-perfect React components. Since it’s built for developers, the code is one of the most important parts of the story. In this post, we’ll go through the ways you can write your own code combined with Amplify Studio-generated components. If you’re new to Amplify […]