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

How useEvent would change our applications

koba04
May 14, 2022

How useEvent would change our applications

Techfeed Conference 2022 #React

koba04

May 14, 2022
Tweet

More Decks by koba04

Other Decks in Programming

Transcript

  1. LPCB
    )PXVTF&WFOUXPVME
    DIBOHFPVSBQQMJDBUJPOT
    3FBDU

    View full-size slide

  2. LPCB
    *T4VTQFOTFGPS%BUB
    'FUDIJOH3FBEZZFU
    3FBDU

    View full-size slide

  3. 3'$VTF&WFOU
    w 5IJTJTBOFXQSPQPTBMUPBEEBOFX3FBDU)PPLTDBMMFElVTF&WFOUz
    w 5IJTXJMMJNQSPWFEFWFMPQFSFYQFSJFODFESBTUJDBMMZ
    w 5IJTSFEVDFTDPNQMFYJUZSFHBSEJOHEFQFOEFODZMJTUT
    w ⚠⚠⚠5IJTXJMMCFSFMFBTFEJOBNJOPSSFMFBTF CVUUIFQSPQPTBMJTJO
    BOFBSMZTUBHF TPJUNJHIUCFDIBOHFE⚠⚠⚠

    View full-size slide

  4. 5IFEFQFOEFODZMJTUJTIBSEʜ
    w 8FBSFTPNFUJNFTPWFSXIFMNFECZUIFEFQFOEFODZMJTU
    w 8FIBWFUPQVUWBMVFTJOUIFMJTUUPHFUUIFMBUFTUWBMVFTXIJMFEPO`U
    IBWFUPFYFDVUFUIFF
    ff
    FDUFWFOUIPVHIUIFWBMVFTBSFDIBOHFE
    w *U`TIBSEUPVOEFSTUBOEXIFOF
    ff
    FDUTTIPVMECFJOWPLFE
    w )PXNBOZUJNFTEJEZPVQVUAFTMJOUEJTBCMFOFYUMJOFSFBDUIPPLT
    FYIBVTUJWFEFQTAJOZPVSBQQMJDBUJPOT
    //

    View full-size slide

  5. 5IFEFQFOEFODZMJTUJTIBSEʜ

    View full-size slide

  6. VTF&WFOUXJUIEFQFOEFODZMJTU

    View full-size slide

  7. "QQSPYJNBUF#FIBWJPS

    View full-size slide

  8. 4UBUJD5ZQJOHBOE-JOU

    w FTMJOUQMVHJOSFBDUIPPLTUSFBUTlVTF&WFOUzGVODUJPOTBTTUBCMF
    GVODUJPOT
    w lVTF&WFOUzXPVMECFPQQPSUVOJUJFTUPBEESFTUSJDUJPOTBUUIFUZQF
    TZTUFNMFWFM PQBRVFUZQF

    w lVTF&WFOUzGVODUJPOTNVTUO`UCFDBMMFEJOSFOEFSGVODUJPOT
    w )PPLTPOMZDBOBDDFQUlVTF&WFOUzGVODUJPOT

    View full-size slide

  9. .BLFlVTF&WFOUzGVODUJPOT

    View full-size slide

  10. /BNJOH%FDJTJPO

    w IUUQTHJUIVCDPNSFBDUKTSGDTQVMM
    JTTVFDPNNFOU
    w 5IJT)PPLJTWFSZDPNNPOBOETIPVMECFPOFXPSE
    w 5IJTJTOFXUZQFPGGVODUJPOMJLFl)PPLTzBOEl$PNQPOFOUTz
    w lGVODUJPOTz

    View full-size slide

  11. lVTF&WFOUzJTTUJMMJOBQSPQPTBM
    TUBHF CVUJUNBLFTPVSBQQMJDBUJPO
    DPEFFBTJFSBOENPSFJOUVJUJWF

    View full-size slide

  12. 0OFNPSFUIJOH

    View full-size slide

  13. LPCB
    *T4VTQFOTFGPS%BUB
    'FUDIJOH3FBEZZFU
    3FBDU

    View full-size slide

  14. )PXTIPVMEXFVTF4VTQFOTFGPS
    %BUB'FUDIJOHXJUI3FBDUW

    View full-size slide

  15. 3FBDUWr3FBDU#MPH
    IUUQTSFBDUKTPSHCMPHSFBDUWIUNM
    l*O3FBDU ZPVDBOTUBSUVTJOH4VTQFOTFGPSEBUBGFUDIJOH
    JOPQJOJPOBUFEGSBNFXPSLTMJLF3FMBZ /FYUKT )ZESPHFO PS
    3FNJY"EIPDEBUBGFUDIJOHXJUI4VTQFOTFJTUFDIOJDBMMZ
    QPTTJCMF CVUTUJMMOPUSFDPNNFOEFEBTBHFOFSBMTUSBUFHZz

    View full-size slide

  16. 8IZTIPVMEO`UXFVTF4VTQFOTFGPS
    %BUB'FUDIJOHXJUIPVUGSBNFXPSLT

    View full-size slide

  17. 8BUFSGBMMQSPCMFNT
    w *GZPVTUBSUVTJOH4VTQFOTFGPSZPVSEBUBGFUDIJOHMPHJD JUXJMMHFU
    XPSTFVTFSFYQFSJFODFTGPSZPVSBQQMJDBUJPOT
    w 4VTQFOTFGPS%BUB'FUDIJOHTVTQFOETZPVSSFOEFSJOHJOUIFNJEEMF
    XIJDINFBOTJUXPVMECMPDLPUIFSGFUDIJOHJOUIFSFOEFSJOHQSPDFTT
    w 5IJTJTTPDBMMFEUIFl'FUDIPO3FOEFSzQBUUFSO

    View full-size slide


  18. 3FOEFS
    'FUDI
    1SP
    fi
    MF 1SP
    fi
    MF
    'FUDI
    5PSV,PCBZBTIJ
    'FUDI
    3FQPTJUPSJFT
    ɾGBDFCPPLSFBDU
    ɾWFSDFMTXS
    'PMMPXJOH
    'PMMPXFST
    5PSV,PCBZBTIJ
    1SP
    fi
    MF 1SP
    fi
    MF
    5PSV,PCBZBTIJ
    'PMMPXJOH
    'PMMPXFST
    'BMMCBDL
    3FOEFS
    'BMMCBDL
    3FOEFS
    'BMMCBDL

    View full-size slide

  19. 6TF3FOEFS"T:PV'FUDI
    w 4VTQFOTFXBJUTGPSEBUBUIBUIBWFBMSFBEZCFJOHGFUDIFE
    w l3FOEFS"T:PV'FUDIzTIPVMEGFUDIEBUBCFGPSFSFOEFSJOH
    w 1PQVMBSMJCSBSJFTBSFGFUDIJOHPOSFOEFSJOH XIJDIJTOPUl3FOEFS"T
    :PV'FUDIz

    View full-size slide


  20. 3FOEFS
    'FUDI
    1SP
    fi
    MF 1SP
    fi
    MF
    'FUDI
    3FQPTJUPSJFT
    ɾGBDFCPPLSFBDU
    ɾWFSDFMTXS
    5PSV,PCBZBTIJ
    1SP
    fi
    MF
    5PSV,PCBZBTIJ
    'PMMPXJOH
    'PMMPXFST
    'PMMPXJOH
    'PMMPXFST
    'BMMCBDL
    'BMMCBDL 3FOEFS
    'BMMCBDL 3FOEFS
    4BNF4VTQFOTF#PVOEBSZ
    'FUDI

    View full-size slide

  21. -JCSBSJFT
    w 483BOE3FBDU2VFSZTVQQPSU4VTQFOTFBTBOFYQFSJNFOUBM BOE
    35,2VFSZUSJFTUPBEEUIFTVQQPSU#VUUIFZIBWFO`UQSPWJEFEUIF
    CFTU"1*XJUI4VTQFOTFZFU
    w IUUQTHJTUHJUIVCDPNTIVEJOH
    FGBDDFFEFBEFGF

    View full-size slide

  22. 'SBNFXPSLT
    w 'SBNFXPSLTLOPXXIFUIFSXIJDIEBUBBSFSFRVJSFEGPSBQBHF
    CFDBVTFUIFZIBWFSPVUFSDPO
    fi
    HVSBUJPOT TPUIFZDBOQSFQBSFEBUB
    CFGPSFSFOEFSJOH
    w /FYUʜHFU4FSWFS4JEF1SPQT HFU4UBUJD1SPQT
    w 3FMBZʜVTF1SFMPBEFE2VFSZ !EFGFS
    w 3FNJYʜMPBEFSGVODUJPOT

    View full-size slide


  23. IUUQTUXJUUFSDPNMFFFSPCTUBUVT

    View full-size slide

  24. .JTDFMMBOFPVT
    w #VJMUJO$BDIF4VQQPSU
    w IUUQTHJUIVCDPNSFBDUXHSFBDUEJTDVTTJPOT
    w )PXTIPVMEXFIBOEMFEFQFOEFOUTDFOBSJPT

    View full-size slide