Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

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