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

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

Avatar for ta9ma0k ta9ma0k
August 30, 2023
Technology
0
160

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

Avatar for ta9ma0k

ta9ma0k

August 30, 2023
Tweet

Other Decks in Technology

See All in Technology
(技術的には)社内システムもOKなブラウザエージェントを作ってみた！
Avatar for Har1101 har1101
0
250
学生・新卒・ジュニアから目指すSRE
Avatar for Hiroya Onoe hiroyaonoe
2
760
usermode linux without MMU - fosdem2026 kernel devroom
Avatar for Hajime Tazaki thehajime
0
240
【Ubie】AIを活用した広告アセット「爆速」生成事例 | AI_Ops_Community_Vol.2
Avatar for Yoshiki yoshiki_0316
1
120
CDK対応したAWS DevOps Agentを試そう_20260201
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
420
今日から始める Amazon Bedrock AgentCore
Avatar for Har1101 har1101
4
420
マネージャー視点で考えるプロダクトエンジニアの評価 / Evaluating Product Engineers from a Manager's Perspective
Avatar for hiro-torii hiro_torii
0
190
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
Avatar for adachi.ryo rvirus0817
0
350
Greatest Disaster Hits in Web Performance
Avatar for Estela Franco guaca
0
290
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
Avatar for SansanTech sansantech
PRO
2
400
茨城の思い出を振り返る ～CDKのセキュリティを添えて～ / 20260201 Mitsutoshi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
410
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
Avatar for Serverless Operations slsops
2
270

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
130
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
0
3.4k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
740
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
99
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
330
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

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