Udemy - React and AWS Amplify Build A Complete Serverless App W -...

Files:

• Get Bonus Downloads Here.url (0.2 KB)
~Get Your Files Here ! 1 - Installing and Configuring Amplify
• 1 - Amplify CLI.txt (0.0 KB)
• 1 - GitHub Repo.txt (0.0 KB)
• 1 - Installing the Amplify CLI English.vtt (2.6 KB)
• 1 - Installing the Amplify CLI.mp4 (27.1 MB)
• 2 - Configuring the Amplify CLI English.vtt (5.4 KB)
• 2 - Configuring the Amplify CLI.mp4 (25.4 MB)
10 - Creating a Grahql Subscription
• 24 - Graphql subscription subscribing to real time updates in graphql English.vtt (7.9 KB)
• 24 - Graphql subscription subscribing to real time updates in graphql.mp4 (69.5 MB)
11 - Some code Refactoring before continue
• 25 - Refactoring the code moving the modal status to the reducer English.vtt (4.3 KB)
• 25 - Refactoring the code moving the modal status to the reducer.mp4 (40.3 MB)
• 26 - Cleaning up the subscription in useEffect English.vtt (2.1 KB)
• 26 - Cleaning up the subscription in useEffect.mp4 (14.5 MB)
12 - Creating a Graphql deletion and subscription
• 27 - Deleting an item while calling dispatch from another component English.vtt (4.8 KB)
• 27 - Deleting an item while calling dispatch from another component.mp4 (40.3 MB)
• 28 - Deleting a list from Graphql English.vtt (4.7 KB)
• 28 - Deleting a list from Graphql.mp4 (41.0 MB)
• 29 - Subscribing to onDelete mutation in AppSync English.vtt (4.6 KB)
• 29 - Subscribing to onDelete mutation in AppSync.mp4 (42.0 MB)
13 - Creating the reusable editing modal
• 30 - Create the Edit button dispatch and reducer English.vtt (4.3 KB)
• 30 - Create the Edit button dispatch and reducer.mp4 (34.5 MB)
• 31 - Opening the edit modal English.vtt (2.3 KB)
• 31 - Opening the edit modal.mp4 (16.3 MB)
• 32 - Creating a reusable modal English.vtt (6.9 KB)
• 32 - Creating a reusable modal.mp4 (53.9 MB)
14 - Updating the lists and creating a Subscription to update it
• 33 - Updating the list English.vtt (5.7 KB)
• 33 - Updating the list.mp4 (128.0 MB)
• 34 - Subscribing to onUpdate subscription English.vtt (4.8 KB)
• 34 - Subscribing to onUpdate subscription.mp4 (25.8 MB)
• 35 - Updating the values received on the subscription English.vtt (6.7 KB)
• 35 - Updating the values received on the subscription.mp4 (41.3 MB)
15 - Real Time Update is already here
• 36 - Surprise this app is already updating in real time English.vtt (1.7 KB)
• 36 - Surprise this app is already updating in real time.mp4 (10.6 MB)
16 - Creating our S3 bucket to store our images
• 37 - Creating a S3 Bucket to keep our files English.vtt (4.6 KB)
• 37 - Creating a S3 Bucket to keep our files.mp4 (48.9 MB)
• 38 - Creating an Upload Image Component to upload images to S3 Bucket English.vtt (4.6 KB)
• 38 - Creating an Upload Image Component to upload images to S3 Bucket.mp4 (36.2 MB)
17 - Retouching the UI and Refactoring the code
• 39 - Making our new component look good using useRef to hide the input English.vtt (3.3 KB)
• 39 - Making our new component look good using useRef to hide the input.mp4 (19.2 MB)
18 - Creating a Image Preview and uploading it to S3
• 40 - Showing an image preview before update the image English.vtt (2.5 KB)
• 40 - Showing an image preview before update the image.mp4 (14.9 MB)
• 41 - Uploadind a Image to the S3 Bucket English.vtt (7.7 KB)
• 41 - Uploadind a Image to the S3 Bucket.mp4 (58.7 MB)
19 - Updating our Graphql model
• 42 - Updating our Graphql database to have the imagekey English.vtt (3.5 KB)
• 42 - Updating our Graphql database to have the imagekey.mp4 (28.4 MB)
2 - Creating our React app
• 3 - Creating our React app English.vtt (1.7 KB)
• 3 - Creating our React app.mp4 (16.6 MB)
• 3 - GitHub Repository.txt (0.0 KB)
• 4 - Initialising AWS Amplify English.vtt (6.0 KB)
• 4 - Initialising AWS Amplify.mp4 (65.8 MB)
• 5 - Deploying our React website using AWS Amplify Console English.vtt (1.8 KB)
• 5 - Deploying our React website using AWS Amplify Console.mp4 (7.1 MB)
• 6 - Creating a CICD to our React App using Amplify English.vtt (5.8 KB)
• 6 - Creating a CICD to our React App using Amplify.mp4 (23.6 MB)
• 7 - Testing our CICD pipeline for React English.vtt (2.7 KB)
• 7 - Testing our CICD pipeline for React.mp4 (14.5 MB)
20 - Creating a React Custom Hook to help with S3
• 43 - Creating a custom Hook to upload to S3 Bucket English.vtt (4.8 KB)
• 43 - Creating a custom Hook to upload to S3 Bucket.mp4 (76.3 MB)
• 44 - Using our React Custom Hook in our Modal English.vtt (7.5 KB)
• 44 - Using our React Custom Hook in our Modal.mp4 (148.3 MB)
• 45 - Checking the values in our DynamoDB and S3 Bucket English.vtt (1.8 KB)
• 45 - Checking the values in our DynamoDB and S3 Bucket.mp4 (12.7 MB)
21 - Loading our images from S3 on AWS
• 46 - Loading our Image from S3 English.vtt (3.2 KB)
• 46 - Loading our Image from S3.mp4 (23.5 MB)
22 - Enhancing our App with a Spinning loader
• 47 - Adding a Spinning Loader while we load our Images English.vtt (5.0 KB)
• 47 - Adding a Spinning Loader while we load our Images.mp4 (36.1 MB)
• 48 - Stopping the spinner loaders once the image has loaded English.vtt (2.1 KB)
• 48 - Stopping the spinner loaders once the image has loaded.mp4 (10.8 MB)
23 - Searchable models with Elastic Search
• 49 - Understand why do we need to make our model searchable English.vtt (2.8 KB)
• 49 - Understand why do we need to make our model searchable.mp4 (13.7 MB)
• 50 - Making the model searchable English.vtt (2.8 KB)
• 50 - Making the model searchable.mp4 (28.0 MB)
24 - Updating Amplify if you need it
• 51 - Updating Amplify to the latest version English.vtt (1.7 KB)
• 51 - Updating Amplify to the latest version.mp4 (23.7 MB)
25 - More about searchable queries and elastic search
• 52 - Understand the searchable query and updating our lists English.vtt (3.9 KB)
• 52 - Understand the searchable query and updating our lists.mp4 (28.6 MB)
26 - Creating new routes for our app using reactrouter and reactrouterdom
• 53 - Installing React Router Dom and creating a new Root Route English.vtt (3.9 KB)
• 53 - Installing React Router Dom and creating a new Root Route.mp4 (31.3 MB)
• 54 - Adding a new Route on the React Router Dom English.vtt (3.1 KB)
• 54 - Adding a new Route on the React Router Dom.mp4 (16.8 MB)
• 55 - Creating Dynamic Routers and passing values to the new components English.vtt (2.9 KB)
• 55 - Creating Dynamic Routers and passing values to the new components.mp4 (15.3 MB)
• 56 - Adding Link from React Router Dom on your lists English.vtt (2.9 KB)
• 56 - Adding Link from React Router Dom on your lists.mp4 (22.4 MB)
27 - New Header for the new route
• 57 - Creating a Header for the List Page English.vtt (2.2 KB)
• 57 - Creating a Header for the List Page.mp4 (10.0 MB)
28 - Creating new list items using the GraphQl interface in AWS Amplify console
• 58 - Crating some list items and our search query English.vtt (3.4 KB)
• 58 - Crating some list items and our search query.mp4 (24.9 MB)
29 - Small Refectory
• 59 - Refactoring the code to include all the routers inside main English.vtt (4.1 KB)
• 59 - Refactoring the code to include all the routers inside main.mp4 (27.0 MB)
3 - Creating Authentication on AWS and enforcing it on our React app
• 10 - Creating the SignUp SignIn SignOut and Reset Password pages English.vtt (4.1 KB)
• 10 - Creating the SignUp SignIn SignOut and Reset Password pages.mp4 (13.6 MB)
• 8 - Creating a deploying a Authentication backend in AWS using Coginito English.vtt (3.8 KB)
• 8 - Creating a deploying a Authentication backend in AWS using Coginito.mp4 (49.0 MB)
• 9 - Installing React modules and configuring AWS Amplify in React English.vtt (2.6 KB)
• 9 - Installing React modules and configuring AWS Amplify in React.mp4 (36.3 MB)
30 - Integrating our List and out List Component
• 60 - Passing our list details to the list item component English.vtt (3.8 KB)
• 60 - Passing our list details to the list item component.mp4 (27.2 MB)
• 61 - Querying the appsync for the list items using searchable English.vtt (4.9 KB)
• 61 - Querying the appsync for the list items using searchable.mp4 (29.4 MB)
31 - Searchable vs No Searchable
• 62 - Understanding the difference between a searchable and a not searchable models English.vtt (3.3 KB)
• 62 - Understanding the difference between a searchable and a not searchable models.mp4 (11.5 MB)
• 63 - Creating our searchable query English.vtt (3.2 KB)
• 63 - Creating our searchable query.mp4 (19.5 MB)
32 - Creating a custom query using GraphQl in AppSync
• 64 - Creating a appsync custom query English.vtt (10.1 KB)
• 64 - Creating a appsync custom query.mp4 (159.7 MB)
• 65 - Displaying our list items English.vtt (5.4 KB)
• 65 - Displaying our list items.mp4 (31.2 MB)
33 - Adding authentication and authorisation the the different end point
• 66 - Adding auth to our GraphQl endpoints English.vtt (3.6 KB)
• 66 - Adding auth to our GraphQl endpoints.mp4 (40.3 MB)
4 - Creating a Graphql API using Amplify
• 11 - Creating the Graphql API in the backend using Amplify English.vtt (5.4 KB)
• 11 - Creating the Graphql API in the backend using Amplify.mp4 (22.0 MB)
• 12 - Creating our Graphql Model English.vtt (6.6 KB)
• 12 - Creating our Graphql Model.mp4 (33.5 MB)
• 13 - Creating our first Query and First Mutation English.vtt (8.5 KB)
• 13 - Creating our first Query and First Mutation.mp4 (134.7 MB)
• 14 - Querying our Graphql in AppSync from our React app English.vtt (6.6 KB)
• 14 - Querying our Graphql in AppSync from our React app.mp4 (51.7 MB)
5 - Making our Amplify App look amazing with SemanticUI
• 15 - Adding Semantic UI React to our project and creating a new Main Header English.vtt (7.2 KB)
• 15 - Adding Semantic UI React to our project and creating a new Main Header.mp4 (44.0 MB)
• 16 - Create a Lists component to group our lists English.vtt (3.1 KB)
• 16 - Create a Lists component to group our lists.mp4 (47.8 MB)
• 17 - Creating Items and Items groups with SemanticUI React English.vtt (3.1 KB)
• 17 - Creating Items and Items groups with SemanticUI React.mp4 (17.5 MB)
• 18 - Adding out page into a Container and adding Image and date to our list English.vtt (3.5 KB)
• 18 - Adding out page into a Container and adding Image and date to our list.mp4 (18.1 MB)
6 - Creating a floating button like on Material UI
• 19 - Creating a floating action button in React English.vtt (9.6 KB)
• 19 - Creating a floating action button in React.mp4 (74.8 MB)
7 - Creating a Modal using SemanticUI
• 20 - Creating a new modal using SemanticUI English.vtt (8.0 KB)
• 20 - Creating a new modal using SemanticUI.mp4 (69.5 MB)
• 21 - Adding all the fields on our modal English.vtt (4.1 KB)
• 21 - Adding all the fields on our modal.mp4 (54.8 MB)
8 - Managing the Modal State using React Hooks
• 22 - Manage the state using useReducer English.vtt (7.7 KB)
• 22 - Manage the state using useReducer.mp4 (76.6 MB)
9 - Creating a Graphql Mutations
• 23 - Graphql mutation add a new item to AppSync English.vtt (4.9 KB)
• 23 - Graphql mutation add a new item to AppSync.mp4 (39.1 MB)
• Bonus Resources.txt (0.1 KB)