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

Ready for React in 2019

Avatar for koba04 koba04
December 08, 2018
Programming
1.8k
2

Ready for React in 2019

https://frontend-conf.fukuoka.jp/

Avatar for koba04

koba04

December 08, 2018

More Decks by koba04

See All by koba04
フロントエンドの現在地とこれから
Avatar for koba04 koba04
10
5.4k
Standing on the shoulders of giants
Avatar for koba04 koba04
0
3.2k
React/Next によるアプリケーション開発のこれから
Avatar for koba04 koba04
61
19k
フロントエンド刷新をプロジェクトとして進める際に気をつけていること
Avatar for koba04 koba04
3
2.1k
How useEvent would change our applications
Avatar for koba04 koba04
1
3.3k
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
Avatar for koba04 koba04
3
16k
Make it Declarative with React
Avatar for koba04 koba04
0
2k
Algorithms in React
Avatar for koba04 koba04
14
19k
Suspense and TimeSlicing
Avatar for koba04 koba04
0
340

Other Decks in Programming

See All in Programming
Press start. Python's next generation.
Avatar for Carol Willing willingc
PRO
3
260
【デモ】Kiroで体験する仕様駆動開発｜設計からコーディングまでAIと進める開発フロー
Avatar for 工藤皓夢 cmkudo
0
510
TSX の <Hoge<Fuga>> という構文に驚いた話 / tsx-type-argument-syntax
Avatar for Kanaru kanaru0928
0
240
信頼性の目標を誰も求めてない
Avatar for Shuma shubox
0
240
私のClaude Code活用法 （個人開発編） - PHPerKaigi mini #4（2026/08/24）
Avatar for panda_program panda_program
1
190
AIに既存システムを理解させる技術　～レガシーを見捨てないハーネスエンジニアリング入門～
Avatar for Ochtum ochtum
0
170
T3DD26: From RAGs to Riches
Avatar for Martin Helmich martinhelmich
0
120
「寝てても仕事が進む」Claude Codeで組む第二の脳
Avatar for t-fujita24 tomoyafujita2016
0
370
まずはプロンプトガイドを読もう、話はそれからだ
Avatar for Akira TSURUDA kiakiraki
1
230
Loosening the Reins: Go Generics Get More Flexible
Avatar for kuro kuro_kurorrr
0
350
Jindong: Introducing Declarative Haptics in Compose Multiplatform
Avatar for HyunWoo Lee l2hyunwoo
0
130
関東Kaggler会_NVIDIA_Nemotron_コンペ_振り返り
Avatar for rick rick_ds
0
730

Featured

See All Featured
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.3k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
350
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
490
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
480
Side Projects
Avatar for Sacha Greif sachag
455
43k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
360
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
1
1.1k

Transcript

  1. 3FBEZGPS 3FBDUJO 'SPOUFOE$POGFSFODF'VLVPLB   !LPCB

  2. None

  3. "HFOEB w 'VODUJPO$PNQPOFOU w 69GPSBMMVTFST w 'VUVSF1MBOT w -JWF$PEJOH

  4. 'VODUJPO$PNQPOFOU

  5. 3FBDUNFNP w 0QUJNJ[F'VODUJPO$PNQPOFOU w 1VSF$PNQPOFOUGPS'VODUJPO$PNQPOFOU

  6. )PPLT Custom Hook

  7. w )PPLTNVTUCFDBMMFEJOUIFTBNFPSEFS )PPLT Hook Hook next Fiber memoizedState

  8. "WPJEl8SBQQFSIFMMz https://www.youtube.com/watch?v=dpw9EHDh2bM

  9. +BWB4DSJQU`T$MBTTJTIBSE w 'PS w )BSEUPPQUJNJ[F w 'PS w AUIJTAPG+BWB4DSJQUIBTNBOZQJUGBMMT

  10. .PSF%FUBJMTʜ https://blog.cybozu.io/entry/2018/11/02/113000

  11. 69GPSBMM6TFST

  12. <App> <Header /> <Suspense> <Main> <User> <Avatar /> <Link />

    </User> </Main> </Suspense> </App> 4VTQFOTF 1. Throw a Promise 2. Wait to resolve the Promise 3. Resume the rendering

  13. 4VTQFOTF Throw a Promise if the resource doesn’t have a

    cache data

  14. 3FBDUMB[ZXJUI 4VTQFOTF w $PEF4QMJUUJOHXJUI%ZOBNJD*NQPSU 4UBHF

  15. 5JNFTMJDJOH User Blocking Normal Priority

  16. 5JNFTMJDJOH w 8PSLJOHPOTUBOEBSEJ[JOHUIFTDIFEVMJOH NFDIBOJTNXJUIB$ISPNF5FBN w IUUQTHJUIVCDPNTQBOJDLFSNBJOUISFBE TDIFEVMJOH w 8IBUBCPVU8FC8PSLFSTʁ

  17. /FX1SPpMFS

  18. 69GPSBMMVTFST w 4VTQFOTFMB[Z w 'PSVTFSTJOIJHITQFFEOFUXPSLBOETMPX OFUXPSL w 5JNFTMJDJOHMB[Z w 'PSVTFSTVTJOHIJHIQPXFSEFWJDFTBOEMPX

    QPXFSEFWJDFT w 1SFMPBE1SFSFOEFS

  19. https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4

  20. 'VUVSF

  21. 3FMFBTF1MBOTGPS4UBCMF w 3FBDUMB[ZXJUI4VTQFOTF w 3FBDU)PPLT 2  w $PODVSSFOU.PEF 2

     w %BUBGFUDIJOHXJUI4VTQFOTF NJE  w 4FSWFS3FOEFSFSGPS4VTQFOTF   w .PEFSOJ[JOH3FBDU%0.   w   Now

  22. 1SFQBSFGPSUIFGVUVSF w :PVDBOVTFOFXGFBUVSFTJODSFNFOUBMMZXJUIPVU CSFBLJOHDIBOHFT w 6TF3FBDU4USJDU.PEF$PNQPOFOU w 'JYXBSOJOHTJO4USJDU.PEFʜ4USJDU.PEF

  23. -JWF$PEJOH https://github.com/koba04/react-hacker-news-stories

  24. 5IBOLZPV  speakerdeck.com/koba04