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.2k
Standing on the shoulders of giants
Avatar for koba04 koba04
0
2.8k
React/Next によるアプリケーション開発のこれから
Avatar for koba04 koba04
61
17k
フロントエンド刷新をプロジェクトとして進める際に気をつけていること
Avatar for koba04 koba04
3
1.9k
How useEvent would change our applications
Avatar for koba04 koba04
1
3k
kintoneフロントエンド刷新によるモノリスからの脱却とその先に目指す未来
Avatar for koba04 koba04
3
15k
Make it Declarative with React
Avatar for koba04 koba04
0
1.7k
Algorithms in React
Avatar for koba04 koba04
14
17k
Suspense and TimeSlicing
Avatar for koba04 koba04
0
270

Other Decks in Programming

See All in Programming
REALITY コマンド作成チュートリアル
Avatar for にしうり らく nishiuriraku
0
120
OpenTelemetryで始めるベンダーフリーなobservability / Vendor-free observability starting with OpenTelemetry
Avatar for shiro seike seike460
0
130
マイコンでもRustのtestがしたい/KernelVM Kansai 11
Avatar for Toshifumi NISHINAGA tnishinaga
1
950
20250426 GDGoC 合同新歓 - GDGoC のススメ
Avatar for Yoshimura Naoya getty708
0
120
“技術カンファレンスで何か変わる？” ──RubyKaigi後の自分とチームを振り返る
Avatar for shun ssagara00
0
160
クラシルリワードにおける
iOSアプリ開発の取り組み
Avatar for fumito nakazawa funzin
1
210
ComposeでのPicture in Picture
Avatar for takathemax takathemax
0
140
VibeCoding時代のエンジニアリング
Avatar for どすこい daisuketakeda
0
270
Носок на сок
Avatar for Bo0oM bo0om
0
1.4k
ソフトウェア品質特性、意識してますか？AIの真の力を引き出す活用事例 / ai-and-software-quality
Avatar for MinoDriven minodriven
15
3.8k
Browser and UI #2 HTML/ARIA
Avatar for ken7253 ken7253
2
190
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
Avatar for Masayuki Izumi izumin5210
6
1.7k

Featured

See All Featured
Side Projects
Avatar for Sacha Greif sachag
453
42k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.8k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
0
49
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
48
5.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
30
2.4k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.7k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.2k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k

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