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
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
2k
How useEvent would change our applications
Avatar for koba04 koba04
1
3.2k
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
Avatar for koba04 koba04
3
16k
Make it Declarative with React
Avatar for koba04 koba04
0
1.9k
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
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
990
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
200
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
650
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
480
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
640
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
6
1.9k
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
120

Featured

See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
170
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
46
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
180
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
170
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.7k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.2M
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.6k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
48
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
240
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k

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