Webpack & WebAssembly

32e6a76c61f41da3beca909251498c60?s=47 Sendil Kumar N
June 01, 2018
Technology
0
270

Webpack & WebAssembly

32e6a76c61f41da3beca909251498c60?s=128

Sendil Kumar N

June 01, 2018
Tweet

More Decks by Sendil Kumar N

See All by Sendil Kumar N
32e6a76c61f41da3beca909251498c60?s=48 sendilkumarn
0
62
32e6a76c61f41da3beca909251498c60?s=48 sendilkumarn
0
57
32e6a76c61f41da3beca909251498c60?s=48 sendilkumarn
0
25
32e6a76c61f41da3beca909251498c60?s=48 sendilkumarn
0
15
32e6a76c61f41da3beca909251498c60?s=48 sendilkumarn
0
260
32e6a76c61f41da3beca909251498c60?s=48 sendilkumarn
1
52
32e6a76c61f41da3beca909251498c60?s=48 sendilkumarn
0
26
32e6a76c61f41da3beca909251498c60?s=48 sendilkumarn
1
3.4k
32e6a76c61f41da3beca909251498c60?s=48 sendilkumarn
0
140

Other Decks in Technology

See All in Technology
2cf373725ded741824c50fd571eda6e1?s=48 udzura
5
1.5k
Ae4ace6ba2b695fd37e4121faef66b43?s=48 katsushun89
0
240
F866c47f0761aac633225b6919538e1c?s=48 matsuji
8
420
53850955f15249a1a9dc49df6113e400?s=48 line_developers
0
320
9f96c3fd49e6a294e521175f2ad80b71?s=48 usamomokawa
0
210
Bf466502958a3e05d643e910ff5ec6a2?s=48 skmatz
0
180
0f993881fa8709dbe986bcade6c1fbad?s=48 satonaoki
0
120
57e8d22493c141fd3c7e7dbe62196c1b?s=48 uenitty
1
290
B2fefbb30aba7c25bbe0c8819791631a?s=48 gunnargrosch
0
240
42356380866f616c0cea68779b430eaf?s=48 hiro_koba_jp
0
220
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
420
B29f42636a5f1249b640473d49aa4514?s=48 linedevth
1
150

Featured

See All Featured
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
154
6.2k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
2
240
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
23
1.6k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
236
23k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
78
3.2k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
215
16k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
266
16k
78b475797a14c84799063c7cd073962f?s=48 holman
287
130k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
144
19k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
70
3.5k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
10
1.4k

Transcript

  1. Webpack @sendilkumarn WebAssembly

  2. Sendil Kumar N • Full stack developer @Xebialabs

  3. Sendil Kumar N • Full stack developer @Xebialabs • Core

    dev team member @JHipster

  4. Sendil Kumar N • Full stack developer @Xebialabs • Core

    dev team member @JHipster • Team member @webpack

  5. Sendil Kumar N • Full stack developer @Xebialabs • Core

    dev team member @JHipster • Team member @webpack • Part of rust-wasm Working Group

  6. Sendil Kumar N • Full stack developer @Xebialabs • Core

    dev team member @JHipster • Team member @webpack • Part of rust-wasm Working Group • Big open source lover

  7. Full stack developers?

  8. C++ devs?

  9. None
  10. None

  11. WebAssembly ?

  12. What is WebAssembly?

  13. Binary instruction format 1010110 1010110 1010110 1010110 1010 1010110 1010110

    1010110 1010110 1010

  14. stack based machines 1010110 1010110 1010110 1010110 1010 1010110 1010110

    1010110 1010110 1010 Binary instruction format for

  15. Most efficient representation of instructions in binary 1010110 1010110 1010110

    1010110 1010 1010110 1010110 1010110 1010110 1010

  16. What, well in other words?

  17. Run your native code in web.

  18. Implementation detail for high level languages

  19. Why WebAssembly?

  20. Where “Performance” matters

  21. JavaScript ?

  22. WebAssembly is not a replacement to Javascript

  23. None

  24. ❤ We

  25. ❤

  26. ❤ We

  27. Javascript is fast

  28. Interpreted language Write it Execute it

  29. It is compiled too Write it Execute it Compile it

    Optimise it

  30. Then what is the benefit with WebAssembly ?

  31. Where you need “Maintainable Performance”

  32. Wait, What is maintainable performance?

  33. High performance with Maintainable code

  34. Geeky code

  35. Uncertainties

  36. Performance loopholes

  37. Okay, I am writing Javascript for 15 years.

  38. Well, lets test it

  39. Tell me which is having higher performance

  40. A B

  41. A B ✅

  42. Optional args will have an impact on your performance…

  43. Monomorphisation

  44. Memoization

  45. Debug with profiler

  46. Used Webpack?

  47. ❤Webpack❤

  48. Okay, isn’t webpack a JS bundler?

  49. Webpack is a bundler for your frontend.

  50. Webpack is a new LLVM Unpopular

  51. It bundles / packs everything that you need

  52. Actually, how your application needs

  53. Actually, how your application needs code-splitting / DCE

  54. WP 4 - announced WebAssembly support.

  55. From WP4.8 we have a better WebAssembly support

  56. WP5 will have even better WebAssembly support

  57. Demo time lets pack and roll with webpack

  58. Demo agenda

  59. Create a Rust project

  60. Use Wasm bindgen to create wasm files + binding JS

    files.

  61. Make that rust project into node project

  62. Add web pack + web pack serve to it

  63. Run it…

  64. Enough demo it…

  65. Other mentions

  66. Streaming compilation

  67. WP internals may be / will be in Rust

  68. In future

  69. Garbage collection

  70. Dom Manipulation

  71. JVM devs ?

  72. Kotlin ?

  73. Questions?

  74. Happy Hacking