Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Ready for React in 2019

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

Ready for React in 2019

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

Avatar for koba04

koba04

December 08, 2018
Tweet

More Decks by koba04

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

Other Decks in Programming

See All in Programming
sbt 2
Avatar for kenji yoshida xuwei_k
0
300
認証・認可の基本を学ぼう後編
Avatar for kaza kouyuume
0
190
Socio-Technical Evolution: Growing an Architecture and Its Organization for Fast Flow
Avatar for Chris Richardson cer
PRO
0
340
これならできる！個人開発のすゝめ
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
110
251126 TestState APIってなんだっけ?Step Functionsテストどう変わる?
Avatar for Takumi Abe east_takumi
0
320
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
Avatar for suna-big sunabig
0
160
dotfiles 式年遷宮 令和最新版
Avatar for masawada masawada
1
770
非同期処理の迷宮を抜ける: 初学者がつまづく構造的な原因
Avatar for PADAone pd1xx
1
720
Rubyで鍛える仕組み化プロヂュース力
Avatar for muryoimpl muryoimpl
0
120
開発に寄りそう自動テストの実現
Avatar for Hiroki Iseri goyoki
2
970
Tinkerbellから学ぶ、Podで DHCPをリッスンする手法
Avatar for Tomofumi Kondo tomokon
0
130
AIコーディングエージェント（skywork）
Avatar for kondai kondai24
0
170

Featured

See All Featured
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k

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