Please enable JavaScript.

Coggle requires JavaScript to display documents.

React - Coggle Diagram

- - - - state = initState trong lần đâu
      - action tự tạo
  - - - Xác định dạng dữ liệu thao tác
    - - Hành động thao tác lên state
      - CRUD-> Create, Read, Update, Delete
      - mỗi action => function return 1 dữ liệu
  - - - actions.js
        
        import constant
        
        export action(function)
      - constant.js
        
        export constant
      - reducer.js
        
        import action
        
        export default
      - index.js
        
        return <todo/>
        
        import reducer, initState, action
- - - - Gọi callback mỗi khi component re-render
      - Gọi callback khi elements được thêm vào DOM
    - - Chỉ gọi callback 1 lần sau khi component mounted
    - - Callback gọi mỗi khi deps thay đổi
        
        Sử dụng thay đổi ===
  - - - Memory leak
      - Render 1 lần
      - Re-render khi deps thay đổi
    - - onChange
      - file
        
        URL.createObjectURL
        
        URL.revokeObjectURL
- - - - export themeContext = createContent()
    - - <themeContext.Provider value={}><themeContext.Provider/>
    - - import useContext->react, themeContext->file cung cấp
      - const theme = useContext(themeContext)
        => Truyền vào component như props