Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай React & AWS Amplify build a complete serverless app w/ CI/CD, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:02:28
    Installing the Amplify CLI
  • Урок 2. 00:05:12
    Configuring the Amplify CLI
  • Урок 3. 00:01:42
    Creating our React app
  • Урок 4. 00:05:38
    Initialising AWS Amplify
  • Урок 5. 00:01:52
    Deploying our React website using AWS Amplify Console
  • Урок 6. 00:06:40
    Creating a CI/CD to our React App using Amplify
  • Урок 7. 00:03:08
    Testing our CI/CD pipeline for React
  • Урок 8. 00:04:18
    Creating a deploying a Authentication backend in AWS using Coginito
  • Урок 9. 00:03:13
    Installing React modules and configuring AWS Amplify in React
  • Урок 10. 00:04:35
    Creating the SignUp, SignIn, SignOut and Reset Password pages
  • Урок 11. 00:05:20
    Creating the Graphql API in the backend using Amplify
  • Урок 12. 00:08:03
    Creating our Graphql Model
  • Урок 13. 00:09:08
    Creating our first Query and First Mutation
  • Урок 14. 00:07:57
    Querying our Graphql in AppSync from our React app
  • Урок 15. 00:08:05
    Adding Semantic UI React to our project and creating a new Main Header
  • Урок 16. 00:03:35
    Create a Lists component to group our lists
  • Урок 17. 00:03:54
    Creating Items and Items groups with Semantic-UI React
  • Урок 18. 00:03:52
    Adding out page into a Container and adding Image and date to our list
  • Урок 19. 00:10:25
    Creating a floating action button in React
  • Урок 20. 00:09:10
    Creating a new modal using Semantic-UI
  • Урок 21. 00:05:00
    Adding all the fields on our modal
  • Урок 22. 00:09:44
    Manage the state using useReducer
  • Урок 23. 00:05:49
    Graphql mutation, add a new item to AppSync
  • Урок 24. 00:09:46
    Graphql subscription, subscribing to real time updates in graphql
  • Урок 25. 00:05:33
    Refactoring the code, moving the modal status to the reducer
  • Урок 26. 00:02:00
    Cleaning up the subscription in useEffect
  • Урок 27. 00:05:36
    Deleting an item while calling dispatch from another component
  • Урок 28. 00:05:11
    Deleting a list from Graphql
  • Урок 29. 00:05:50
    Subscribing to onDelete mutation in AppSync
  • Урок 30. 00:05:19
    Create the Edit button, dispatch and reducer
  • Урок 31. 00:02:44
    Opening the edit modal
  • Урок 32. 00:08:35
    Creating a reusable modal
  • Урок 33. 00:08:04
    Updating the list
  • Урок 34. 00:05:24
    Subscribing to onUpdate subscription
  • Урок 35. 00:07:05
    Updating the values received on the subscription
  • Урок 36. 00:01:51
    Surprise, this app is already updating in real time
  • Урок 37. 00:04:14
    Creating a S3 Bucket to keep our files
  • Урок 38. 00:05:55
    Creating an Upload Image Component to upload images to S3 Bucket
  • Урок 39. 00:04:01
    Making our new component look good using useRef to hide the input
  • Урок 40. 00:02:57
    Showing an image preview before update the image
  • Урок 41. 00:09:11
    Uploadind a Image to the S3 Bucket
  • Урок 42. 00:03:47
    Updating our Graphql database to have the imagekey
  • Урок 43. 00:05:10
    Creating a custom Hook to upload to S3 Bucket
  • Урок 44. 00:09:26
    Using our React Custom Hook in our Modal
  • Урок 45. 00:01:52
    Checking the values in our DynamoDB and S3 Bucket
  • Урок 46. 00:03:46
    Loading our Image from S3
  • Урок 47. 00:05:22
    Adding a Spinning Loader while we load our Images
  • Урок 48. 00:02:08
    Stopping the spinner loaders once the image has loaded
  • Урок 49. 00:03:06
    Understand why do we need to make our model searchable
  • Урок 50. 00:02:53
    Making the model searchable
  • Урок 51. 00:01:48
    Updating Amplify to the latest version
  • Урок 52. 00:04:31
    Understand the searchable query and updating our lists
  • Урок 53. 00:04:11
    Installing React Router Dom and creating a new Root Route
  • Урок 54. 00:03:31
    Adding a new Route on the React Router Dom
  • Урок 55. 00:03:15
    Creating Dynamic Routers and passing values to the new components
  • Урок 56. 00:03:03
    Adding Link from React Router Dom on your lists
  • Урок 57. 00:02:19
    Creating a Header for the List Page
  • Урок 58. 00:04:02
    Crating some list items and our search query
  • Урок 59. 00:04:08
    Refactoring the code to include all the routers inside main
  • Урок 60. 00:04:21
    Passing our list details to the list item component
  • Урок 61. 00:04:58
    Querying the app-sync for the list items using searchable
  • Урок 62. 00:03:17
    Understanding the difference between a searchable and a not searchable models
  • Урок 63. 00:03:08
    Creating our searchable query
  • Урок 64. 00:12:26
    Creating a app-sync custom query
  • Урок 65. 00:06:41
    Displaying our list items
  • Урок 66. 00:04:04
    Adding auth to our GraphQl endpoints