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

  1. Урок 1. 00:07:54
    Create our react app
  2. Урок 2. 00:03:57
    Importing SemanticUI to make our application pretty(er)
  3. Урок 3. 00:05:32
    Adding Income and Expenses.
  4. Урок 4. 00:07:08
    Creating our income and expense history
  5. Урок 5. 00:06:54
    Add transactions
  6. Урок 6. 00:03:44
    Add transactions
  7. Урок 7. 00:05:37
    Creating a MainHeader component
  8. Урок 8. 00:01:36
    Create our ButtonSaveOrCancel React Component
  9. Урок 9. 00:01:48
    Creating our NewEntryForm React Component
  10. Урок 10. 00:06:18
    Refactoring our DisplayBalance React Component
  11. Урок 11. 00:01:49
    Creating our DisplayBalances React Component
  12. Урок 12. 00:03:54
    Creating our EntryLine React Component
  13. Урок 13. 00:01:33
    Adding Hooks and State
  14. Урок 14. 00:01:07
    Pushing changes to GitHub
  15. Урок 15. 00:05:40
    Creating State using useState
  16. Урок 16. 00:02:18
    Mapping a array of objects.
  17. Урок 17. 00:02:13
    Creating a component that renders multiple components
  18. Урок 18. 00:03:41
    Adding keys to the repeated components
  19. Урок 19. 00:07:06
    Adding a DeleteEntry function
  20. Урок 20. 00:07:59
    Adding a new Entry
  21. Урок 21. 00:05:53
    Adding a toggle to identify the type of entry
  22. Урок 22. 00:04:03
    Creating a model to edit the entries
  23. Урок 23. 00:03:25
    Formatting our modal
  24. Урок 24. 00:05:03
    Making our components more reusable
  25. Урок 25. 00:07:03
    Refactoring to manage the state
  26. Урок 26. 00:06:29
    More Refactoring state
  27. Урок 27. 00:07:05
    Making the modal work with useEffect
  28. Урок 28. 00:03:15
    Final adjustments to state and we done
  29. Урок 29. 00:06:00
    Calculating the totals using useEffect
  30. Урок 30. 00:05:55
    Displaying totals, can we do some Redux now?
  31. Урок 31. 00:02:34
    Fixing warning and committing all the state changes
  32. Урок 32. 00:04:40
    Create Redux Store
  33. Урок 33. 00:05:19
    Dispatching actions with Redux
  34. Урок 34. 00:02:06
    Dispatch with payload with Redux
  35. Урок 35. 00:04:06
    Fixing the code and Subscribing to all store changes in Redux
  36. Урок 36. 00:04:58
    Creating a new Redux Action
  37. Урок 37. 00:04:46
    Creating Action Functions for Redux
  38. Урок 38. 00:02:41
    Creating a Reduce
  39. Урок 39. 00:03:08
    Combine Redux reducers in one store
  40. Урок 40. 00:07:36
    Refactoring our Redux to Actions, Reducers and Store
  41. Урок 41. 00:05:21
    React Redux combining our Redux with our React components
  42. Урок 42. 00:06:22
    React Redux Hook useDispatch
  43. Урок 43. 00:06:06
    Adding a new entry with React Redux Hooks
  44. Урок 44. 00:03:03
    Using UUIDs for the entry ID
  45. Урок 45. 00:04:41
    Installing and Configuring Redux Dev Tools
  46. Урок 46. 00:04:41
    Installing and Configuring Redux Dev Tools
  47. Урок 47. 00:05:12
    Creating our first custom hook useEntryDetails
  48. Урок 48. 00:05:18
    New Redux action and new Redux Reducer update entry
  49. Урок 49. 00:05:49
    Creating a new Redux Store (and action and reducer)
  50. Урок 50. 00:03:27
    Dispatching new actions to the new Redux Store
  51. Урок 51. 00:01:51
    Open the modal after the dispatch
  52. Урок 52. 00:03:36
    Closing the modal on dispatch
  53. Урок 53. 00:08:03
    Loading the modal data
  54. Урок 54. 00:05:55
    Making our custom hook even better
  55. Урок 55. 00:06:15
    Adding an update dispatch to our custom hook
  56. Урок 56. 00:01:35
    Firing 2 dispatches at once
  57. Урок 57. 00:01:26
    Cleaning up the custom hook for easy use
  58. Урок 58. 00:08:42
    Installing json-server
  59. Урок 59. 00:03:47
    Understanding the json-server backend
  60. Урок 60. 00:03:46
    Installing redux-saga middleware
  61. Урок 61. 00:06:22
    Creating and running our first saga
  62. Урок 62. 00:04:35
    Introduction to Generator Functions and Yield Returns
  63. Урок 63. 00:03:34
    Understanding "infinity" function generators
  64. Урок 64. 00:03:57
    Driving the point home, Generator functions and Yield returns
  65. Урок 65. 00:04:04
    Understanding Saga Effect Take
  66. Урок 66. 00:04:15
    Creating a function to automatically start all Sagas
  67. Урок 67. 00:04:14
    Understanding Saga Effect PUT
  68. Урок 68. 00:03:06
    Understanding Saga Effect CALL
  69. Урок 69. 00:04:32
    Cleaning up the way for sagas
  70. Урок 70. 00:03:29
    Removing the initial data from the reducer and fetching it from the backend
  71. Урок 71. 00:06:09
    Creating part of our first real Saga using Take
  72. Урок 72. 00:01:35
    Querying data from our saga using CALL
  73. Урок 73. 00:04:46
    Adding data to the UI using PUT
  74. Урок 74. 00:08:21
    Understand another Saga Effect FORK
  75. Урок 75. 00:02:30
    Splitting our Backend to have two endpoints to use with Fork
  76. Урок 76. 00:08:10
    Implementing Saga Effect FORK in our app
  77. Урок 77. 00:06:49
    Getting all the entry details at the same time and update the UI as it arrives
  78. Урок 78. 00:04:53
    Cleaning up the code before the more advanced challenges
  79. Урок 79. 00:08:26
    Redux Saga Advanced Effect - TAKEEVERY
  80. Урок 80. 00:10:59
    Saga Advanced Effects CANCEL and CANCELLED
  81. Урок 81. 00:04:37
    Saga Advanced Effects TAKELATEST
  82. Урок 82. 00:01:38
    Cleaning up the code before add the new Advanced Saga Effects
  83. Урок 83. 00:13:12
    Deleting an Item (the long way)
  84. Урок 84. 00:04:49
    Reviewing the Blocking Saga
  85. Урок 85. 00:02:06
    Importing our Add Entries Saga to our Saga Initializer
  86. Урок 86. 00:12:13
    Adding TakeLatest to our application
  87. Урок 87. 00:01:59
    Updating the UI using PUT with TakeLatest