React Complete: useHoooooook

2. 2. Set up and check React development environment

3. 3. Download the lecture source files

4. 4. How to install and use the downloaded file

16. 1. Change the state in the form of an Object - 1: Assign an Object to the state, update the state value

17. 2. Object type state change-2: State value update, mutation

18. 3. Change the state in the form of an array: Assign an array to a state variable, update the state

19. 4. Code Refactoring: Code shape, refactoring required

20. 5. Deleting Array Elements: Code Format, Deletion Conditions

21. 6. Changing Array Elements: Code Format, How to Change

22. 7. Adding elements to an array, code format, how to add, how to use slice()

23. 8. Sharing state across multiple components

24. 1. State structuring principle

25. 2. Group related states

26. 3. State contradiction form

27. 4. Avoid state contradictions

28. 5. Do not use unnecessary states.

29. 6. Status value duplication form

30. 7. Avoid duplication of status values.

31. 8. Don't layer the states deeply.

32. 1. The form in which the state is written in the child component

33. 2. Mission Scenario

34. 3. Pushing the state to the parent component - 1: Deleting the state variable of the child component, passing the value to the child component

35. 4. Raise the state to the parent component - 2: Create a state variable in the parent component, set a value to the state variable

36. 1. React's UI Tree, Render Tree: UI Tree, Render Tree, Changing Component Position

37. 2. Conditions for maintaining status

38. 3. Reset the state when deleting a component: Component rendering form

39. 4. Maintain state if location and component are the same

40. 5. Initialize state even if the location and component are the same

41. 1. Change check criteria are UI Tree location

42. 2. Change UI Tree location, initialize state

43. 3. Initialize state if component name is different

44. 4. Rendering components in different locations

45. 5. Initialize state with key

46. 1. useState format and requirements

47. 2. useReducer Hook format

48. 3. useReducer flow

49. 4. Replace useState with useReducer Step 3: Replace Step 1

50. 5. Step 2: Change useState to useReducer

51. 6. Step 3: Change useState to useReducer

52. 7. Comparison of useState and useReducer

53. 1. React Context Usage: props and context

54. 2. 3 steps to use Context: 3 steps to use Context, in the form passed as props

55. 3. Step 1: Create Context: createContext()

56. 4. Using context values in step 2 components

57. 5. Providing Context in Step 3 Components

58. 6. Context Update

59. 7. Considerations for using context

60. 1. What you want to do with useRef: Escape Hatch

61. 2. Write useRef

62. 3. Using useRef

63. 4. Use of useRef (timer): setInterval(), clearInterval()

64. 1. Accessing elements with Ref objects

65. 2. Referencing elements with Ref objects

66. 3. Ref Object and DOM Interface

67. 4. Element scroll

68. 5. ref callback function

69. 6. Use the ref callback function

70. 1. Accessing DOM elements of other components

71. 2. forwardRef API

72. 3. useImperativeHandle Hook

73. 1. Declare Effect in component: How to write Effect, Scenarios that do not reflect useEffect

74. 2. UseEffect usage form-1: What you want to do, error occurs

75. 3. useEffect usage form-2: <video>

76. 4. Write Effect Dependency

77. 5. Specifying Effect Dependency

78. 6. External System Synchronization

79. 7. Cleanup function

80. 8. React Paradigm and Cleanup

81. 1. Background of using useMemo

82. 2. useMemo syntax, caching

83. 3. UseMemo usage form

84. 4. Using reactive values

85. 5. UseMemo

86. 6. Component rendering efficiency

87. 7. memo API

88. 1. Background of using useCallback

89. 2. Caching functions with useCallback

90. 3. useCallback dependency, bind()

91. 1. Background on using Custom Hook

92. 2. Separate with Custom Hook

93. 3. Custom Hook Separation Form, Purpose

94. 1. Background of using useSyncExternalStore

95. 2. How to use useSyncExternalStore