| 1 | What are hooks in React and why were they introduced? React › Hooks | React | Hooks | Beginner |
| 2 | What are the rules of hooks, and why do they exist? React › Hooks | React | Hooks | Advanced |
| 3 | What are resource hooks in ArgoCD? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Beginner |
| 4 | Which resource types are commonly used as hooks? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Beginner |
| 5 | What resource kinds make good hooks and why Jobs specifically? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Beginner |
| 6 | How do sync waves and hooks interact? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Intermediate |
| 7 | Can hooks use sync waves to order among themselves? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Intermediate |
| 8 | How do you notify an external system after a successful deployment using hooks? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Intermediate |
| 9 | What are the rules you must follow when writing and using hooks, including custom hooks? React › Custom Hooks | React | Custom Hooks | Intermediate |
| 10 | How do hooks differ from plain resources with sync waves, and when do you choose each? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Advanced |
| 11 | How do you coordinate hooks across multiple Applications (e.g., App of Apps)? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Advanced |
| 12 | What are pitfalls of overusing hooks and waves? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Advanced |
| 13 | What are lifecycle hooks in Angular and why would you use them? Angular › Lifecycle Hooks | Angular | Lifecycle Hooks | Beginner |
| 14 | What is the correct order in which Angular calls the main lifecycle hooks during a component's life? Angular › Lifecycle Hooks | Angular | Lifecycle Hooks | Advanced |
| 15 | What is the resource hooks vs health relationship during a sync? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Intermediate |
| 16 | What does componentDidMount do in a class component and what is its equivalent using hooks? React › Class Components & Legacy Lifecycle Methods | React | Class Components & Legacy Lifecycle Methods | Intermediate |
| 17 | What are the downsides of higher order components that led many developers to prefer custom hooks instead? React › Higher-Order Components (HOCs) | React | Higher-Order Components (HOCs) | Advanced |
| 18 | Why can't server components use hooks like useState or useEffect? Next.js › Server Components | Next.js | Server Components | Beginner |
| 19 | What are WordPress hooks, specifically actions and filters, and how do they let plugins and themes modify or extend WordPress's default behavior? PHP › WordPress Plugin & Theme Development | PHP | WordPress Plugin & Theme Development | Beginner |
| 20 | What role do webhooks play in GitOps with ArgoCD? ArgoCD › GitOps Principles | ArgoCD | GitOps Principles | Intermediate |
| 21 | Why can you not use React hooks like useState inside the custom Document component? Next.js › Custom App & Document in Pages Router | Next.js | Custom App & Document in Pages Router | Intermediate |
| 22 | How do CodeDeploy lifecycle hooks defined in an appspec file control the deployment process? AWS › AWS CodePipeline, CodeBuild & CodeDeploy (CI/CD) | AWS | AWS CodePipeline, CodeBuild & CodeDeploy (CI/CD) | Intermediate |
| 23 | What is IHostedLifecycleService, and how does it provide more granular hooks than IHostedService's StartAsync/StopAsync? .NET › Background Services | .NET | Background Services | Advanced |
| 24 | What does the node:perf_hooks module provide, and how would you use it to measure precise execution time of a code block? Node.js › Core Node.js Modules | Node.js | Core Node.js Modules | Advanced |
| 25 | How would you handle email delivery webhooks (bounces, complaints, opens) sent from a provider like SendGrid back to a Node.js application? Node.js › Email & Notifications | Node.js | Email & Notifications | Advanced |
| 26 | How would you use async_hooks (the lower-level predecessor to AsyncLocalStorage) to trace the lifecycle of asynchronous resources in Node.js? Node.js › Event Loop & Non-blocking IO | Node.js | Event Loop & Non-blocking IO | Advanced |
| 27 | How would you use Git hooks (like a pre-commit hook via Husky) to enforce code quality checks before code is committed in a Node.js project? Node.js › Git & Project Management | Node.js | Git & Project Management | Advanced |
| 28 | How do lifecycle hooks in Auto Scaling Groups let you customize instance launch and termination behavior? AWS › Auto Scaling Groups | AWS | Auto Scaling Groups | Advanced |
| 29 | What does the useState hook do, and how do you use it? React › Hooks | React | Hooks | Beginner |
| 30 | What is the useReducer hook and when is it a better choice than useState? React › Hooks | React | Hooks | Intermediate |
| 31 | What is the useMemo hook and how does it help with performance? React › Hooks | React | Hooks | Intermediate |
| 32 | What are sync waves in ArgoCD? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Beginner |
| 33 | What is the default sync wave and how are negative waves used? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Beginner |
| 34 | How do you annotate a resource with a sync wave? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Beginner |
| 35 | What are the hook deletion policy options? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Beginner |
| 36 | What is the Sync phase (as opposed to PreSync/PostSync)? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Beginner |
| 37 | What is a simple real world example of when useTransition would make an app feel faster? React › Concurrent Hooks (useTransition, useDeferredValue & useLayoutEffect) | React | Concurrent Hooks (useTransition, useDeferredValue & useLayoutEffect) | Beginner |
| 38 | What is a custom hook in React and why would you create one? React › Custom Hooks | React | Custom Hooks | Beginner |
| 39 | How is a custom hook different from a regular helper function? React › Custom Hooks | React | Custom Hooks | Beginner |
| 40 | What are the hook phases and when does each run? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Intermediate |
| 41 | What are hook deletion policies? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Intermediate |
| 42 | How do you run a database migration safely before deploying a new version? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Intermediate |
| 43 | What is a Skip hook and when is it used? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Intermediate |
| 44 | How are hook resources named and prevented from clashing across syncs? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Intermediate |
| 45 | How long does ArgoCD wait between sync waves? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Intermediate |
| 46 | What is a PreSync hook typically used for? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Intermediate |
| 47 | What is a PostSync hook typically used for? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Intermediate |
| 48 | How do you seed initial data on first deployment only? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Intermediate |
| 49 | How do you order a multi-tier application deployment with waves? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Advanced |
| 50 | How do you run post-deployment smoke tests and fail the sync if they fail? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Advanced |
| 51 | What is a SyncFail hook and how is it used? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Advanced |
| 52 | How do you retry a failed hook Job? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Advanced |
| 53 | How do sync waves handle deletion order during pruning? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Advanced |
| 54 | How do you ensure a hook runs on every sync versus only on change? ArgoCD › Sync Waves & Hooks | ArgoCD | Sync Waves & Hooks | Advanced |
| 55 | How does useDeferredValue help improve performance when rendering a large list based on user input? React › Concurrent Hooks (useTransition, useDeferredValue & useLayoutEffect) | React | Concurrent Hooks (useTransition, useDeferredValue & useLayoutEffect) | Advanced |
| 56 | Why is the constructor generally not the right place to fetch data or perform complex setup in an Angular component? Angular › Lifecycle Hooks | Angular | Lifecycle Hooks | Beginner |
| 57 | What problem does useTransition solve in a React app? React › Concurrent Hooks (useTransition, useDeferredValue & useLayoutEffect) | React | Concurrent Hooks (useTransition, useDeferredValue & useLayoutEffect) | Intermediate |
| 58 | What is useLayoutEffect and how is it different from the regular useEffect hook? React › Concurrent Hooks (useTransition, useDeferredValue & useLayoutEffect) | React | Concurrent Hooks (useTransition, useDeferredValue & useLayoutEffect) | Intermediate |
| 59 | How would you write a custom hook to fetch data from an API and share that logic across components? React › Custom Hooks | React | Custom Hooks | Intermediate |
| 60 | What does ngOnDestroy do, and why is it important for cleaning up resources like subscriptions? Angular › Lifecycle Hooks | Angular | Lifecycle Hooks | Intermediate |
| 61 | What is the difference between ngOnChanges and ngOnInit, and when does each run? Angular › Lifecycle Hooks | Angular | Lifecycle Hooks | Intermediate |
| 62 | When should you choose useTransition over useDeferredValue, given they solve a similar kind of problem? React › Concurrent Hooks (useTransition, useDeferredValue & useLayoutEffect) | React | Concurrent Hooks (useTransition, useDeferredValue & useLayoutEffect) | Advanced |
| 63 | How would you build a custom hook that debounces a fast changing value, such as text typed into a search box? React › Custom Hooks | React | Custom Hooks | Advanced |
| 64 | What is a sync in ArgoCD? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Beginner |
| 65 | What are the health statuses ArgoCD reports? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Beginner |
| 66 | What is the Degraded health status? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Beginner |
| 67 | How would you animate a button so it grows slightly when a user hovers over it? React › Animation in React (Framer Motion & React Spring) | React | Animation in React (Framer Motion & React Spring) | Beginner |
| 68 | What is a class component in React and how does it differ from a function component? React › Class Components & Legacy Lifecycle Methods | React | Class Components & Legacy Lifecycle Methods | Beginner |
| 69 | How do you render a list of items in React using the map function? React › Conditional Rendering & Lists (Keys) | React | Conditional Rendering & Lists (Keys) | Beginner |
| 70 | What problem does the Context API solve in React? React › Context API | React | Context API | Beginner |
| 71 | What problem do libraries like React Query and SWR solve compared to fetching data with plain useEffect? React › Data Fetching (React Query & SWR) | React | Data Fetching (React Query & SWR) | Beginner |
| 72 | Why is it usually better to use a data fetching library instead of writing your own fetch logic in every component? React › Data Fetching (React Query & SWR) | React | Data Fetching (React Query & SWR) | Beginner |
| 73 | What is the useEffect hook used for in React? React › Effects & Lifecycle | React | Effects & Lifecycle | Beginner |
| 74 | What is the difference between useEffect and code that runs directly during rendering? React › Effects & Lifecycle | React | Effects & Lifecycle | Beginner |
| 75 | What is internationalization in a React app and why is it important? React › Internationalization (i18n) in React | React | Internationalization (i18n) in React | Beginner |
| 76 | How would you let a user switch the language of an app using a simple dropdown menu? React › Internationalization (i18n) in React | React | Internationalization (i18n) in React | Beginner |
| 77 | What does React.memo do and how does it help performance? React › Performance (memo/useMemo) | React | Performance (memo/useMemo) | Beginner |
| 78 | What is a simple real world example of when useMemo actually helps a React app? React › Performance (memo/useMemo) | React | Performance (memo/useMemo) | Beginner |
| 79 | What is the difference between props and state in React? React › Props & State | React | Props & State | Beginner |
| 80 | What is the difference between a ref created with useRef and one created with createRef? React › Refs, useRef & forwardRef | React | Refs, useRef & forwardRef | Beginner |
| 81 | What is a simple real world example of the render props pattern being useful? React › Render Props Pattern | React | Render Props Pattern | Beginner |
| 82 | What is a Client Component and when do you need one instead of a Server Component? React › Server Components | React | Server Components | Beginner |
| 83 | What is Redux and what problem does it solve for larger React apps? React › State Management Libraries (Redux, Zustand & Recoil) | React | State Management Libraries (Redux, Zustand & Recoil) | Beginner |
| 84 | Should you leave Strict Mode enabled in your app permanently, or only use it temporarily? React › Strict Mode & Concurrent Features | React | Strict Mode & Concurrent Features | Beginner |
| 85 | What is React Testing Library and how does its approach to testing differ from testing internal implementation details? React › Testing | React | Testing | Beginner |
| 86 | What is the difference between a unit test and a component test in a React app? React › Testing | React | Testing | Beginner |
| 87 | When should you choose useReducer over useState for managing a component's state? React › useReducer & Complex State Logic | React | useReducer & Complex State Logic | Beginner |
| 88 | Why does the virtual DOM make React apps feel fast even when data changes frequently? React › Virtual DOM & Reconciliation | React | Virtual DOM & Reconciliation | Beginner |
| 89 | What is the difference between using a resolver and simply fetching data inside a component's ngOnInit method? Angular › Router Guards & Resolvers | Angular | Router Guards & Resolvers | Beginner |
| 90 | What is the difference between ViewChild and ContentChild in Angular? Angular › Template Reference Variables & ViewChild | Angular | Template Reference Variables & ViewChild | Beginner |
| 91 | What does the prune option do in a sync policy? ArgoCD › Applications | ArgoCD | Applications | Intermediate |
| 92 | How does ArgoCD track which resources belong to an Application? ArgoCD › Applications | ArgoCD | Applications | Intermediate |
| 93 | How do you handle resources that ArgoCD should create but not manage/delete? ArgoCD › Applications | ArgoCD | Applications | Intermediate |
| 94 | How does ArgoCD determine the health of a resource? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Intermediate |
| 95 | What are sync options and give common examples? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Intermediate |
| 96 | What is a selective sync and when is it useful? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Intermediate |
| 97 | How do you configure automated sync with retry and backoff? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Intermediate |
| 98 | What happens during a sync when a resource apply fails? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Intermediate |
| 99 | How do you order child application deployment in App of Apps? ArgoCD › App of Apps | ArgoCD | App of Apps | Intermediate |
| 100 | How does ArgoCD assess Deployment health specifically? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Intermediate |
| 101 | What is the Suspended health status? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Intermediate |
| 102 | How do you make a custom React component keyboard accessible? React › Accessibility (a11y) in React | React | Accessibility (a11y) in React | Intermediate |
| 103 | How does React Spring differ from Framer Motion in the way it creates animations? React › Animation in React (Framer Motion & React Spring) | React | Animation in React (Framer Motion & React Spring) | Intermediate |
| 104 | Why can only class components be used as error boundaries in React? React › Class Components & Legacy Lifecycle Methods | React | Class Components & Legacy Lifecycle Methods | Intermediate |
| 105 | How do you create and use a custom Context in React step by step? React › Context API | React | Context API | Intermediate |
| 106 | How would you build a custom hook to make using a specific Context simpler and safer? React › Context API | React | Context API | Intermediate |
| 107 | What is the container and presentational component pattern in React? React › Design Patterns in React | React | Design Patterns in React | Intermediate |
| 108 | What does the dependency array in useEffect actually control? React › Effects & Lifecycle | React | Effects & Lifecycle | Intermediate |
| 109 | How do you clean up an effect in React, and why is it important? React › Effects & Lifecycle | React | Effects & Lifecycle | Intermediate |
| 110 | What is a higher order component in React? React › Higher-Order Components (HOCs) | React | Higher-Order Components (HOCs) | Intermediate |
| 111 | How would you use a higher order component to add authentication protection to a page? React › Higher-Order Components (HOCs) | React | Higher-Order Components (HOCs) | Intermediate |
| 112 | What is the useCallback hook and how is it different from useMemo? React › Performance (memo/useMemo) | React | Performance (memo/useMemo) | Intermediate |
| 113 | Why is state considered the single source of truth for data that changes in a React component? React › Props & State | React | Props & State | Intermediate |
| 114 | How do you use the Components tab in React DevTools to inspect a component's current state? React › React DevTools & Debugging | React | React DevTools & Debugging | Intermediate |
| 115 | How do you debug a component that is not updating even though its state changed? React › React DevTools & Debugging | React | React DevTools & Debugging | Intermediate |
| 116 | How is useRef different from useState when it comes to storing a value? React › Refs, useRef & forwardRef | React | Refs, useRef & forwardRef | Intermediate |
| 117 | How would you use a ref to keep track of a component's previous prop value? React › Refs, useRef & forwardRef | React | Refs, useRef & forwardRef | Intermediate |
| 118 | What is the render props pattern in React? React › Render Props Pattern | React | Render Props Pattern | Intermediate |
| 119 | What is a common naming alternative to render props, using children as a function instead? React › Render Props Pattern | React | Render Props Pattern | Intermediate |
| 120 | What is a downside of the render props pattern that developers should be aware of? React › Render Props Pattern | React | Render Props Pattern | Intermediate |
| 121 | How does Zustand offer a simpler alternative to Redux for managing global state? React › State Management Libraries (Redux, Zustand & Recoil) | React | State Management Libraries (Redux, Zustand & Recoil) | Intermediate |
| 122 | How do middleware, such as Redux Thunk, help handle asynchronous operations like API calls in Redux? React › State Management Libraries (Redux, Zustand & Recoil) | React | State Management Libraries (Redux, Zustand & Recoil) | Intermediate |
| 123 | Why does Strict Mode call component functions and certain effects twice during development? React › Strict Mode & Concurrent Features | React | Strict Mode & Concurrent Features | Intermediate |
| 124 | What is automatic batching in React, and how does it improve performance? React › Strict Mode & Concurrent Features | React | Strict Mode & Concurrent Features | Intermediate |
| 125 | How do you properly type the useState hook in a React component using TypeScript? React › TypeScript with React | React | TypeScript with React | Intermediate |
| 126 | What is the basic structure of a reducer function used with the useReducer hook? React › useReducer & Complex State Logic | React | useReducer & Complex State Logic | Intermediate |
| 127 | How would you check whether any content was actually projected into a component using ng-content? Angular › Content Projection (ng-content) | Angular | Content Projection (ng-content) | Intermediate |
| 128 | How does the async pipe simplify working with observables directly in an Angular template? Angular › Pipes (Built-in & Custom) | Angular | Pipes (Built-in & Custom) | Intermediate |
| 129 | Why is it important to unsubscribe from an RxJS observable, and what are common ways to do this correctly in Angular? Angular › RxJS & Observables | Angular | RxJS & Observables | Intermediate |
| 130 | What does the ViewChild decorator do, and how would you use it to access a child component from a parent's TypeScript code? Angular › Template Reference Variables & ViewChild | Angular | Template Reference Variables & ViewChild | Intermediate |
| 131 | How does the newer signal based viewChild function differ from the traditional ViewChild decorator? Angular › Template Reference Variables & ViewChild | Angular | Template Reference Variables & ViewChild | Intermediate |
| 132 | What are the trade-offs and limitations of GitOps? ArgoCD › GitOps Principles | ArgoCD | GitOps Principles | Advanced |
| 133 | How do you troubleshoot an Application stuck in Progressing or OutOfSync? ArgoCD › Applications | ArgoCD | Applications | Advanced |
| 134 | How does ServerSideApply help with large or conflicting resources? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Advanced |
| 135 | How do you handle CRDs and their custom resources syncing in the right order? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Advanced |
| 136 | How can you customize health checks for third-party or custom resources? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Advanced |
| 137 | How do you implement progressive delivery (canary/blue-green) with ArgoCD? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Advanced |
| 138 | How do you debug why an app never reaches Healthy after a successful sync? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Advanced |
| 139 | How do you integrate Argo Rollouts analysis into sync health? ArgoCD › Sync & Health | ArgoCD | Sync & Health | Advanced |
| 140 | How do you use sync waves on child applications for ordered platform bootstrap? ArgoCD › App of Apps | ArgoCD | App of Apps | Advanced |
| 141 | How would you build a reusable error boundary that lets the user retry after an error occurs? React › Error Boundaries | React | Error Boundaries | Advanced |
| 142 | How does React Hook Form simplify building forms compared to managing every field with useState manually? React › Forms: Controlled & Uncontrolled Components | React | Forms: Controlled & Uncontrolled Components | Advanced |
| 143 | How would you use the React Profiler to find which components are causing performance problems? React › Performance (memo/useMemo) | React | Performance (memo/useMemo) | Advanced |
| 144 | How would you rewrite a render props component as a custom hook instead? React › Render Props Pattern | React | Render Props Pattern | Advanced |
| 145 | How would you protect certain routes so only logged in users can access them? React › Routing | React | Routing | Advanced |
| 146 | How does the useFormStatus hook help show loading feedback while a server action is running? React › Server Actions & Data Mutations | React | Server Actions & Data Mutations | Advanced |
| 147 | What are concurrent features in React, and how do they relate to Strict Mode? React › Strict Mode & Concurrent Features | React | Strict Mode & Concurrent Features | Advanced |