The Future of Web UI Development

...Is it undefined?

What is beyond JavaScript in the modern Web Development? Could types save us all? Are React and Redux becoming a problem? Where could WebAssembly lead us? How to catch up with purely functional languages coming to Client-Side?

I’d like to share my thoughts and experience on the listed topics and discuss them, so this time it’s not the kind of talk with live coding, but rather a trigger for conversation

Transcript

1. 5IF
   'VUVSF
   PG
   
 8FC
   6*
   %FWFMPQNFOU ʜ
   JT
   JU
   VOEFpOFE ,PUFOLP
   "OUPO
   +FU#SBJOT
   (NC) 4FQUFNCFS
   
   'SPOUFOE
   %FWFMPQFST
   .FFUVQ
2. 1BTU
   5JNF
3. 1SPT
   
   $POT +BWB4DSJQU
   ⇋
   &$."4DSJQU 4JNQMF
   BT
   1ZUIPO /P
   UZQFT
   Š
   OP
   IFBEBDIF K2VFSZ 'BTU
   EFWFMPQNFOU &WPMWFT
   XJUI
   IJTUPSZ $POTUBOUMZ
   DIBOHJOH
   TQFD /P
   UZQFT
   Š
   TPNF
   IFBEBDIF OQN
   
   OPEFKT
   
   K2VFSZ &SSPSQSPOF
   EFWFMPQNFOU &WPMWFT
   XJUI
   IJTUPSZ 
4. +BWB4DSJQU
   ⇋
   &$."4DSJQU
5. 1SPT
   
   $POT (PPHMF
   8FC
   5PPMLJU /PX
   XF
   IBWF
   UZQFT
   JO
   +4 #VU
   JU`T
   +BWB 4PNFUJNFT
   JU`T
   WFSZ
   TMPX $VTUPN
   $PNQPOFOUT
   
 BSF
   IBSE
   UP
   EFWFMPQ $PNQPOFOUCBTFE
   6*  $PNQPOFOU
   MJCSBSZ %FCVHHJOH
   JT
   IBSE
6. 1SPT
   
   $POT "OHVMBSKT 5FNQMBUFCBTFE 5FNQMBUFCBTFE  *
   IBWFO`U
   VTFE
   JU
   JO
   QSBDUJDF 1MBDF
   ZPVS
   GBWPVSJUF 1MBDF
   ZPVS
   GBWPVSJUF
7. 1SPT
   
   $POT 5ZQF4DSJQU
   
   'MPX /PX
   XF
   IBWF
   UZQFT
   JO
   +4 0WFSVTF
   PG
   lBOZz 'MPX
   EFpOJUJPOT
   BSF
   
   PQUJPOBM &YUFSOBM
   TQFDJpDBUJPO &SSPSSFTJTUBOU
   EFWFMPQNFOU 
8. 'VODUJPOBM
   3FBDUJWF
   1SPHSBNNJOH  *NBHF
   TPVSDF
   IUUQTXXX[XFJUBHEFFOCMPHUFDIOPMPHZGVODUJPOBMSFBDUJWFQSPHSBNNJOHGSQ
9. 1SPT
   
   $POT 'VODUJPOBM
   3FBDUJWF
   1SPHSBNNJOH 0QUJOBMMZ
   JNNVUBCMF 0QUJOBMMZ
   JNNVUBCMF +4
   XBTO`U
   EFWFMPQFE
   GPS
   UIBU 4QBHIFUUJ
   DPEF
   TUBZT 4JHOBMT
   
   HJWF
   VT
   FBTZ
   DPOUSPM
 PWFS
   VTFS
   BDUJPOT 
10. 1SFTFOU
    5JNF
11. 'BOUBTZ
    -BOE 
12. 1SPT
    
    $POT 'BOUBTZ
    -BOE 6OJDPSOT 6OJDPSOT  :BZ
13. 'BOUBTZ
    -BOE  :BZ IUUQTHJUIVCDPNGBOUBTZMBOEGBOUBTZMBOE IUUQXXXUPNIBSEJOHNFGBOUBTFFMBOETQFDJpDBUJPO
14. 1SPT
    
    $POT 3FBDU
    
    3FEVY $PNQPOFOUCBTFE
    6* 4UJMM
    IBT
    DPNQMFYJUZ +4
    XBTO`U
    EFWFMPQFE
    GPS
    UIBU 4QBHIFUUJ
    DPEF
    TUBZT .BZ
    CF
    VTFE
    
    XJUI
    54'MPX  0QUJPOBM
    JNNVUBCJMJUZ 1SFUUZ
    TPMJE
    TUBOEBSE EFCBUBCMF 3FBDU
    /BUJWF
15. 1SPT
    
    $POT 7VFKT 5FNQMBUFCBTFE 5FNQMBUFCBTFE  50%0 50%0 *
    IBWFO`U
    VTFE
    JU
    JO
    QSBDUJDF
16. 'VUVSF
    5JNF
17. 1SPT
    
    $POT 8FC"TTFNCMZ :FU
    UP
    LOPX  $PNQJMBUJPO
    
    UBSHFU
    dCJOBSZ *T
    UIFSF
    ($ 4VQQPSUFE
    CZ
    
 #SPXTFS
    $PNNVOJUZ -FTT
    +4
    JO
    UIF
    GVUVSF
     :FU
    UP
    LOPX
18. 1SPT
    
    $POT ,PUMJO+4 3FBDU  3FBDUDPNQBUJCMF .BZCF
    FBTJFS
    UIBU
    +BWB
 BOE
    TUJMM
    UZQFE /P
    +49 /P
    DPNQPOFOU
    MJCSBSZ EFCBUBCMF FYQFDUFE
    UP
    BQQFBS /P
    UZQFDMBTTFT
     /P
    'BOUBTZ
    -BOE "SSPXLU
    JT
    OPU
    ZFU
    DPNQBUJCMF
    XJUI
    +4 0I
    OP ,PUMJO
    3FBDU
    /BUJWF 4FSWFS
    TJEF
    DPVME
    CF
    ,PUMJO OP
    'BOUBTZ
    -BOE 
19. ,PUMJO+4 3FBDU  ,PUMJO+4
    $SFBUF
    ,PUMJO3FBDU
    "QQ
 IUUQTHJUIVCDPN+FU#SBJOTDSFBUFSFBDULPUMJOBQQ ,UPS
    $POOFDUFE
    "QQMJDBUJPOT
    XJUI
    ,PUMJO
 IUUQTLUPSJP (FUUJOH
    4UBSUFE
    XJUI
    ,PUMJO3FBDU
 IUUQTNFEJVNDPN!SBMGTUVDLFSUHFUUJOHTUBSUFEXJUILPUMJOSFBDUDGCBCG
20. 1SPT
    
    $POT &MN  1VSFMZ
    GVODUJPOBM 'SJFOEMZ
    DPNQJMFS
    NFTTBHFT /P
    +BWB4DSJQU
    BU
    BMM &WBO
    JT
    UIF
    POF TJODF
     /P
    UZQFDMBTTFT %JTTBQQPJOUNFOU
    JO
    CMPHT *U
    DPNQJMFT
    Š
    JU
    XPSLT
    4UFFQ
    MFBSOJOH
    DVSWF FBTZ
    UP
    MFBSO
    UFDIOJDBM
    NFBOJOH
    PG
    lTUFFQz "MNPTU
    OP
    QBSFOUIFTJT 'FBUVSFT
    BSF
    SFNPWFE
 XJUI
    FWFSZ
    OFX
    WFSTJPO
21. 1SPT
    
    $POT &MN  /P
    NPSF
    UJNF
    EFCVHHFS $44
    1SPCMFNT TJODF
     (SBQIJDTGSJFOEMZ
    &FIʜ
22. &MN  *
    EP
    OPU
    FYQFDU
    UP
    CF
    DPNQJMJOH
    UP
    +BWB4DSJQU
    GPSFWFS
    
 FTQFDJBMMZ
    XJUI
    8FC"TTFNCMZ
    PO
    UIF
    IPSJ[PO
 5IF
    TNBMMFS
    UIF
    JOUFSGBDF
    CFUXFFO
    &MN
    BOE
    +4
    
 UIF
    FBTJFS
    JU
    XJMM
    CF
    UP
    TVQQPSU
    PUIFS
    QMBUGPSNT
 IUUQFMNMBOHPSHCMPHGBSFXFMMUPGSQ 3FBEJOH
    BCPVU
    &4
    EFWFMPQNFOUT
    SFNJOET
    NF
    
 IPX
    +BWB4DSJQU
    IBT
    HPUUFO
    TJHOJpDBOUMZ
    NPSF
    DPNQMJDBUFE
    
 JO
    UIF
    QBTU
    
    ZFBST
    BOE
    JO
    UIF
    TBNF
    UJNF
    QFSJPE
    
 !FMNMBOH
    
    IBT
    HPUUFO
    TJHOJpDBOUMZ
    TJNQMFS
 IUUQTUXJUUFSDPNSUGFMENBOTUBUVT &MN
    IBT
    CFFO
    EFTJHOFE
    
 UP
    CF
    BCMF
    UP
    DPNQJMF
    UP
    8"4.
    TPNFEBZ
    
 XJUIPVU
    BOZPOF
    OFFEJOH
    UP
    SFXSJUF
    UIFJS
    &MN
    DPEF
     
 IUUQTUXJUUFSDPNSUGFMENBOTUBUVT
23. &MN  8IZ
    *
    UIJOL
    &MN
    JT
    UIF
    'VUVSF
    PG
    'SPOUFOE
    %FWFMPQNFOU
 IUUQTNFEJVNDPN!SHPPNBSXIZJUIJOLFMNJTUIFGVUVSFPGGSPOUFOEEFWFMPQNFOUFCGB
24. -FBSOJOH
    &MN
    JO
    
    $PNQSFIFOTJWF
    -JTU
    PG
    3FTPVSDFT
 IUUQTLPSCBOOFUQPTUTFMNMFBSOJOHFMNDPNQSFIFOTJWFMJTUSFTPVSDFT &MN  $POUSPMMJOH
    5JNF
    BOE
    4QBDF
    
 6OEFSTUBOEJOH
    UIF
    NBOZ
    GPSNVMBUJPOT
    PG
    '31z
 CZ
    &WBO
    $[BQMJDLJ
 IUUQTXXXZPVUVCFDPNXBUDI W"HVKJQ,G:X &MN
    5JNF
    5SBWFM
    .BEF
    &BTZ
 IUUQFMNMBOHPSHCMPHUJNFUSBWFMNBEFFBTZ
25. &MN  &MN
    50%0
    FYBNQMF
 IUUQTHJUIVCDPNFWBOD[FMNUPEPNWDCMPCNBTUFSTSD.BJOFMN POF
    pMF
    
    XJUI
    
    MFTT
    UIBO
    
    MJOFT
    JODMVEJOH
    MPUT
    PG
    TQBDF
    VTFE
    GPS
    SFBEBCJMJUZ
26. 1SPT
    
    $POT 1VSF4DSJQU  1VSFMZ
    QVSFMZ
    GVODUJPOBM 6OGSJFOEMZ
    DPNQJMFS
    NFTTBHFT 4UFFQ
    MFBSOJOH
    DVSWF 5ZQFDMBTTFT IBSE
    UP
    MFBSO
    CVU
    OPU
    GPS
    UIPTF
    XIP
    LOPXT
    )BTLFMM 'SFFEPN
    
 TVQQPSUFE
    CZ
    DPNNVOJUZ $SFFQZ
    TZOUBY 6*EFWFMPQNFOU
    GSJFOEMZ 'PSFJHO
    'VODUJPO
    *OUFSGBDF #PXFS
    OPU
    BOZNPSF CVU
    1IJM
    'SFFNBO
    JT
    XBUDIJOH
27. %FDMBSBUJWF
    6*T
    BSF
    UIF
    'VUVSF
    Š
    "OE
    UIF
    'VUVSF
    JT
    $PNPOBEJD
 IUUQTGVODUPSJBMDPNUIFGVUVSFJTDPNPOBEJDNBJOQEG 1VSF4DSJQU  IUUQTJNHVSDPNB&403 "
    3FBM8PSME
    "QQMJDBUJPO
    XJUI
    B
    $PNPOBEJD
    6TFS
    *OUFSGBDF
 IUUQTBSUIVSYBWJFSYHJUIVCJP3FBM8PSME"QQ$PNPOBEJD6*QEG
28. )PX
    UP
    QSPHSBN
    B
    TJNQMF
    TOBLF
    HBNF
    JO
    1VSFTDSJQU
 IUUQIPMEFOMFFHJUIVCJPCMPHQPTUTQSPHSBNNJOHQVSFTDSJQUTOBLFJOQVSFTDSJQUIUNM 1VSF4DSJQU  1VSF4DSJQU
    'MBSF
 IUUQTIBSLEQHJUIVCJPQVSFTDSJQUqBSF "
    5SFMMP
    .POBE
    JO
    UIF
    %BSL
 IUUQTEWETHMDPBUSFMMPNPOBEJOUIFEBSL 1VSF4DSJQU
    CZ
    &YBNQMF
 IUUQTMFBOQVCDPNQVSFTDSJQU
29. 'JO CVU
    UIFSF`T
    B
    MJUUMF
    CJU
    NPSF
30. "MUFSOBUJWF
    3FBMJUZ
31. %JTUSJCVUFE
    8FC
    
    %BU
    QSPUPDPM  *OEFQFOEFOU
    GSPN
    IPTUJOH :PVS
    QSPKFDU
    JT
    KVTU
    BMM
    UIF
    pMFT 1SPT
    
    $POT 1FFS
    NBZ
    CF
    BCTFOU ZPV
    KVTU
    TIBSF
    UIFN
    BT
    B
    MJOL /PU
    WFSZ
    QPQVMBS
    ZFU /FFET
    NJOEXSBQQJOH
32. %JTUSJCVUFE
    8FC
    
    %BU
    QSPUPDPM  #FBLFS
    #SPXTFS
 IUUQTCFBLFSCSPXTFSDPN 5JEEMZ8JLJ
 IUUQTUJEEMZXJLJDPN 4DVUUMFCV[[
 IUUQTTUBMU[DPNBOPGGHSJETPDJBMOFUXPSLIUNM %BU
    4IBSJOH
    1SPUPDPM
 IUUQTEBUQSPKFDUPSH
33. 'JO 2VFTUJPOT