orange — Client side concurrency made simple

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