How can I use Web Workers to achieve parallelism?

<!-- index.html -->
<html>
  <head>
    <script>
      const worker = new Worker('worker.js')
      console.log('master dispatches message to worker')
      worker.postMessage('a')
      console.log('master receives message from worker')
      worker.addEventListener('message', (event) => {
        console.log(`${event.data}`)
      })
    </script>
  </head>
</html>

// worker.js
importScripts('helpers.js')

// worker listens for messages from master
this.addEventListener('message', (event) => {
    echo(`${event.data}`)
})

// worker dispatches message for master
this.postMessage('c')

// helpers.js
const echo = (data) => console.log(data)

PreviousHow can I use Axios to make async calls?NextHow can I DRY-up passing props to a React component?

Last updated 5 years ago

Was this helpful?

How can I use Web Workers to achieve parallelism?

<!-- index.html -->
<html>
  <head>
    <script>
      const worker = new Worker('worker.js')
      console.log('master dispatches message to worker')
      worker.postMessage('a')
      console.log('master receives message from worker')
      worker.addEventListener('message', (event) => {
        console.log(`${event.data}`)
      })
    </script>
  </head>
</html>

// worker.js
importScripts('helpers.js')

// worker listens for messages from master
this.addEventListener('message', (event) => {
    echo(`${event.data}`)
})

// worker dispatches message for master
this.postMessage('c')

// helpers.js
const echo = (data) => console.log(data)

PreviousHow can I use Axios to make async calls?NextHow can I DRY-up passing props to a React component?

Last updated 5 years ago

Was this helpful?