{
  "context": "This criteria evaluates how well the engineer uses react-top-loading-bar's control patterns, specifically focusing on context-based control with LoadingBarContainer and useLoadingBar hook, ref-based control with LoadingBarRef, and proper separation of control methods to avoid mixing patterns.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "LoadingBarContainer usage",
      "description": "Uses LoadingBarContainer component as a wrapper to enable context-based control pattern",
      "max_score": 15
    },
    {
      "name": "useLoadingBar hook",
      "description": "Uses useLoadingBar hook within child components to access loading bar control methods from context",
      "max_score": 20
    },
    {
      "name": "Context control methods",
      "description": "Properly calls continuousStart() or staticStart() method and complete() method from the hook to control loading state",
      "max_score": 20
    },
    {
      "name": "Ref-based control",
      "description": "Uses React.useRef or React.createRef with LoadingBarRef type to create a ref for imperative control",
      "max_score": 15
    },
    {
      "name": "Ref method invocation",
      "description": "Calls ref methods (e.g., continuousStart(), staticStart(), complete()) through the ref.current property",
      "max_score": 15
    },
    {
      "name": "Separation of patterns",
      "description": "Avoids mixing control patterns on the same LoadingBar instance - each LoadingBar uses either context-based OR ref-based OR prop-based control, not multiple patterns simultaneously",
      "max_score": 15
    }
  ]
}