¿Hay alguna manera de que un trabajador web use un gancho de reacción?
Estoy usando Apollo Client para realizar useLazyQuery, que es un enlace personalizado.
¡Pero la operación real lleva bastante tiempo y se agota con mayor frecuencia!
Quiero ejecutar esto en otro subproceso para no interrumpir la aplicación principal.
Aunque no estoy seguro de si su problema de tiempo de espera se solucionaría ejecutando la consulta en un trabajador web, la forma más fácil de lograrlo (sin considerar los estados pendientes/de error) sería algo como esto:
worker.js self.addEventListener('message', async event => { const {apolloClient, query} = e.data; const result = await apolloClient.query({query}); self.postMessage(result); self.close(); });
App.jsx const query = gql`Some query here`; const useWebWorkerQuery = query => { const apolloClient = useApolloClient(); const [result, setResult] = useState(null); useEffect(() => { const worker = new Worker('worker.js'); worker.postMessage({apolloClient, query}); worker.onmessage = event => setResult(event.data); }, []); }; const App = () => { const result = useWebWorkerQuery(query); useEffect(() => { if(result) { // Do something once query completes } }, [result]); return null; }; export default App;