Upgrade to Pro — share decks privately, control downloads, hide ads and more …

orange — Client side concurrency made simple

orange — Client side concurrency made simple

Florian Plank

October 17, 2013
Tweet

More Decks by Florian Plank

Other Decks in Programming

Transcript

  1. orange

    Client side concurrency
    made simple

    View Slide

  2. rubysauna.org

    View Slide

  3. heartrate.js

    View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. View Slide

  8. Concurrency

    View Slide

  9. A B C

    View Slide

  10. A
    B
    C

    View Slide

  11. A
    B
    C

    View Slide

  12. Concurrency
    is hard

    View Slide

  13. A
    B
    C

    View Slide

  14. Concurrency

    View Slide

  15. Barber
    z
    z

    View Slide

  16. Barber
    Customer
    z
    z
    Sleeping?

    View Slide

  17. Barber
    Customer

    View Slide

  18. Barber
    Customer
    Working?

    View Slide

  19. Barber
    Customer

    View Slide

  20. Barber

    View Slide

  21. Barber
    Customer

    View Slide

  22. Barber

    View Slide

  23. Barber Customer
    ?

    View Slide

  24. Barber Customer
    Crap.

    View Slide

  25. Barber

    View Slide

  26. Barber
    Customer

    View Slide

  27. Barber
    z
    z
    Crap.

    View Slide

  28. Concurrency
    in the browser

    View Slide

  29. JavaScript
    and the golden thread

    View Slide

  30. View Slide

  31. View Slide

  32. View Slide

  33. foo()
    10ms 20ms 30ms 40ms
    click handled
    click fired
    setInterval (10ms)

    View Slide

  34. View Slide

  35. Synchronous
    —vs—
    Asynchronous

    View Slide

  36. WebWorkers

    View Slide

  37. JavaScript Thread Worker

    View Slide

  38. Worker
    JavaScript Thread

    View Slide

  39. Worker
    Worker
    JavaScript Thread

    View Slide

  40. Dedicated, Shared &
    Inline Workers

    View Slide

  41. View Slide

  42. orange

    View Slide

  43. The queue

    View Slide

  44. Define a worker

    View Slide

  45. # workers/sum.coffee
    importScripts 'orange/worker.js'
    perform (data)->
    data.numbers.reduce (a, b)-> a + b

    View Slide

  46. # workers/sum.coffee
    importScripts 'orange/worker.js'
    perform (data)->
    data.numbers.reduce (a, b)-> a + b

    View Slide

  47. Create a new job

    View Slide

  48. job = new Orange.Job('sum', numbers: [1..100])

    View Slide

  49. job = new Orange.Job('sum', numbers: [1..100])
    job.on 'success', (response) ->
    console.log('Sum', response)
    job.perform()

    View Slide

  50. Events

    View Slide

  51. job.on 'success', (response)->
    job.on 'complete', ->
    job.on 'error', (error)->
    job.on 'failure', (error)->

    View Slide

  52. Logging

    View Slide

  53. # workers/sum.coffee
    importScripts 'orange/worker.js'
    perform (data)->
    log 'The background worker Gotham deserves ...'
    data.numbers.reduce (a, b) ->a + b

    View Slide

  54. Batches

    View Slide

  55. batch = new Orange.Batch

    View Slide

  56. batch = new Orange.Batch
    job = new Orange.Job('sum', [1..100])
    batch.push job
    batch.perform()

    View Slide

  57. batch = new Orange.Batch [job1, job2, job3]

    View Slide

  58. batch.on 'complete', (jobs) ->
    batch.on 'job:success', (job) ->
    batch.on 'job:complete', (job)->
    batch.on 'job:error', (job) ->
    batch.on 'job:failure', (job) ->

    View Slide

  59. job.getResponse()
    job.getLastError()

    View Slide

  60. Configuration

    View Slide

  61. Orange.Config.set
    maxWorkerPoolSize: 4
    maxRetries : 3
    workersPath : '/lib/workers/'

    View Slide

  62. Retry mechanism
    and exponential back–off

    View Slide

  63. Error handling

    View Slide

  64. job.on 'error', (error)->
    throw error
    BatchStateTransitionError
    JobStateTransitionError
    ResponderNotFoundError

    View Slide

  65. View Slide

  66. Roadmap
    >0.2.0

    View Slide

  67. Customized Worker Shim
    Test coverage
    Data serialization
    Benchmarking

    View Slide

  68. Forward arbitrary method
    calls to worker?
    Custom events?
    Instrumentation?
    Inline Workers?
    Helper modules?

    View Slide

  69. Kiitos!

    View Slide

  70. @polarblau

    View Slide