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