This is the repo for swyx's blog - Blog content is created in github issues, then posted on swyx.io as blog pages! Comment/watch to follow along my blog within GitHub
AWS Amplify is a full stack serverless framework that helps frontend/mobile developers rapidly build with scalable AWS components. In the month-plus since joining AWS I have found myself needing to look up and copy and paste a bunch of code snippets from the docs. This is usually a sign that there's something to automate.
Amplify must accommodate multiple frontend frameworks and platforms so we can't lean on convention to save code - so the next best thing is to write snippets! I use VS Code so I wrote this set of snippets for myself. This is my first time making a snippets extension (so I needed to read the extension docs first), but it wasn't too hard to figure it out, especially when prototyping snippets with easy-snippet, recommended by Scott Tolinski.
The Snippets Extension
You can install it by looking for "Amplify VSCode Snippets" in the VS Code extensions tab, or click here.
You can look for a gif demo in the GitHub repo - it's 10mb so I'm not including it here for your bandwidth's sake.
With these snippets, I was able to livecode 2 CRUD apps in 1 hour in the recent ThisDotLabs JavaScript marathon! I'm still not too practiced yet, so it's not something I'm that proud of, but I feel a lot more productive already with them!
source: devto devToUrl: "https://dev.to/swyx/unofficial-vs-code-snippets-for-aws-amplify-1959" devToReactions: 28 devToReadingTime: 2 devToPublishedAt: "2020-07-23T16:08:16.333Z" devToViewsCount: 445 title: Unofficial VS Code Snippets for AWS Amplify published: true description: making my own vs code snippets helpers for working with AWS Amplify category: snippet tags: Tech, AWS cover_image: https://user-images.githubusercontent.com/6764957/88311465-7b199b00-cd43-11ea-8623-e56769e24197.png
AWS Amplify is a full stack serverless framework that helps frontend/mobile developers rapidly build with scalable AWS components. In the month-plus since joining AWS I have found myself needing to look up and copy and paste a bunch of code snippets from the docs. This is usually a sign that there's something to automate.
Amplify must accommodate multiple frontend frameworks and platforms so we can't lean on convention to save code - so the next best thing is to write snippets! I use VS Code so I wrote this set of snippets for myself. This is my first time making a snippets extension (so I needed to read the extension docs first), but it wasn't too hard to figure it out, especially when prototyping snippets with easy-snippet, recommended by Scott Tolinski.
The Snippets Extension
You can install it by looking for "Amplify VSCode Snippets" in the VS Code extensions tab, or click here.
You can look for a gif demo in the GitHub repo - it's 10mb so I'm not including it here for your bandwidth's sake.
Results
With these snippets, I was able to livecode 2 CRUD apps in 1 hour in the recent ThisDotLabs JavaScript marathon! I'm still not too practiced yet, so it's not something I'm that proud of, but I feel a lot more productive already with them!
You're welcome to propose snippets or fork it for your own use!