Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

テストファーストで考えるReactのコンポーネント設計

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for ta9ma0k ta9ma0k
August 30, 2023
Technology
180
0

 テストファーストで考えるReactのコンポーネント設計

Avatar for ta9ma0k

ta9ma0k

August 30, 2023

Other Decks in Technology

See All in Technology
並行性の問題を防げ！実践トランザクション入門
Avatar for Shoichi Ochi occhi
0
280
実践！ SRE × AI - ABEMA における AIOps -
Avatar for tetsuya28 tetsuya28
7
2.8k
分析の民主化を支えるメタデータ整備の実践
Avatar for KAKEHASHI kakehashi
PRO
4
1.3k
初対面のメンバーがチームを組み、Claude Codeでゼロからサービスをリリース
Avatar for k.masachika mkdev10
1
120
大型犬好きによるPugの紹介
Avatar for yamanoku yamanoku
1
110
契約書画像からの情報抽出に特化した視覚接地モデルを育てる話
Avatar for SansanTech sansantech
PRO
1
160
今さら理解するウェブフォントver.2026
Avatar for takanorip takanorip
3
660
転んだ話が背中を預ける理由になる / A_story_about_falling_down_gives_you_a_reason_to_watch_each_other_s_backs.pdf
Avatar for Pauli pauli
3
350
宣言型部分更新は何を解決しどこへ向かうのか
Avatar for did0es shuta13
0
300
AI駆動開発の時代になったのでトヨタ生産方式から見直す
Avatar for terurou terurou
6
5.7k
カンファレンスに参加した後の浮遊感とセルフケア
Avatar for Pauli pauli
0
320
実践！Cloud Run ハンズオン！！ / Cloud Run handson
Avatar for y-ohgi y0hgi
0
180

Featured

See All Featured
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.2k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
560
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
280
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
516
110k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.6k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
3
1.3k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.3k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
380
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
450
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
320

Transcript

  1. ςετϑΝʔετͰߟ͑Δ Reactͷίϯϙʔωϯτઃܭ 2023.5.18 Ԭా୓ਅ

  2. ࠓ೔࿩͢͜ͱ • ୯ମςετͷ͠΍͢͞ͰReactͷίϯϙʔωϯτΛߟ͑ͯΈͨ

  3. ࿩͞ͳ͍͜ͱ • ୯ମςετͷॻ͖ํ • Reactͷॻ͖ํ

  4. Reactͷίϯϙʔωϯτઃܭͷ೉͠͞ • ϩδοΫͱඳը͕ࠞࡏ • ϩδοΫͱඳըϩδοΫͷڥք͕ᐆດ

  5. ࣮ࢪ͢Δ୯ମςετ • ؔ਺ͷςετʢϨϯμϦϯάΛؚ·ͳ͍ʣ • ίϯϙʔωϯτͷςετ • ঢ়ଶ؅ཧͷςετ

  6. αϯϓϧΞϓϦ

  7. ׂΓצΛܭࢉ͢Δ

  8. None

  9. ؔ਺ͷςετ

  10. ׂΓצ͢Δॲཧ

  11. ׂΓצ͢Δॲཧ

  12. ίϯϙʔωϯτͷςετ

  13. ϝϯόʔͷ৘ใΛදࣔ͢Δ ɹ

  14. ϝϯόʔͷ৘ใΛදࣔ͢Δ

  15. ঢ়ଶ؅ཧͷςετ

  16. ֹۚϦετͷঢ়ଶΛ؅ཧ͢Δ

  17. components ίϯϙʔωϯτஔ͖৔ ςετཁૉ ɾཁૉ ɾΠϯλϥΫγϣϯ ɾදࣔ಺༰ ɾϨΠΞ΢τ/σβΠϯ

  18. ɹhooks ΧελϜϑοΫஔ͖৔ ςετཁૉ ɾঢ়ଶ؅ཧ

  19. lib ؔ਺ஔ͖৔ ςετཁૉ ɾظ଴ͨ͠ॲཧ͔

  20. App ֤ϞδϡʔϧΛ݁߹ ςετཁૉ ɾ݁߹ςετʢҰ࿈ͷػೳɺϨΠΞ ΢τʣ

  21. ·ͱΊ • ςετΛҙࣝ͢Δ͜ͱͰɺϞδϡʔϧͷ੹຿͕໌֬ʹͳͬͨ • ԿΛςετ͢Δ͔͕େࣄ • ݁߹͢Δ৔ॴΛ͸͖ͬΓͤ͞ͳ͍ͱΧΦεʹͳΓ͕ͪ ιʔείʔυ͸ͪ͜Β