In just one hour, 30 minutes, we were able to design, code, shape, and test a full-stack application with authentication and authorization using AWS Amplify. We took a design from Figma, and Amplify turned all the components into React components within seconds. We set up a database and bound data to the components. The best part is, you still have control over the React code and can use services like Amazon Cognito and S3 with just a flip of a switch.
And speaking of which, I just taught a workshop for React Advanced a few days ago. And in just one hour, 30 minutes, literally just one hour, 30 minutes, I know some of you are at the workshop here, we were able to design, code, shape, and test a full-stack application with authentication and authorization. So, and that's just one hour, 30 minutes, and we were able to do all of this free of charge. Yeah.
And this was all possible because of this cool thing called AWS Amplify. Now, Amplify can meet you at any of these stages. It can come right before you start working on your app, at the middle or towards the end, where you just want to deploy stuff. But for the workshop, we started like way ahead from just like the first thing. We took a design. Now, this is the part that's going to blow your mind, so just put on your seat belts. We took a design from Figma, popped the link from that design into Amplify. And what Amplify did was grab all the components in that Figma project and turn them into React components. Like if you've ever done this in your life, it takes a lot of time. It takes a lot of fiddling with Figma, fiddling with styles, storybook to get it right. In just literally like 5 to 10 seconds, every single component in your Figma project was converted to React components. And then the next thing we were able to do was to set up a database, model our database, and then bind data from that database to those components. So at the end of the day, all we just did was run an Amplify pool command, which pulled all those components and the data model to a React project. And then what happens is all you have to do is just render a component, and that's all.
And inasmuch as this is a very good thing, it feels like we are robbing control from developers. Like we want to be in charge, right? And the cool thing is that every single thing is flexible. There are no black boxes. The actual React code are available for you to render them manually. And not just this, you are also able to use things like Amazon Cognito to back up the authentication. So basically, all you have to do is go to AWS Amplify and flip a switch, and then you have authentication available in your project. There is no setup required. There's no configuration required from Cognito. And then you all know the infamous S3. Same thing. Just flip a switch, and you have storage configured for you. You just need to run a pull command, and then you are good to go.
Comments