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

React Version Up

yun8boo
August 06, 2019
Technology
1
1.1k

React Version Up

Reactのメジャーバージョンアップ〜react-railsを用いた事例〜

yun8boo

August 06, 2019
Tweet

More Decks by yun8boo

See All by yun8boo
Redux - Normalization
yun8boo
1
290

Other Decks in Technology

See All in Technology
Site Reliability Engineering on Kubernetes
nwiizo
6
3.9k
バクラクの組織とアーキテクチャ（要約）2025/01版
shkomine
6
860
信頼性を支えるテレメトリーパイプラインの構築 / Building Telemetry Pipeline with OpenTelemetry
ymotongpoo
9
4.4k
Oracle Cloud Infrastructure：2025年1月度サービス・アップデート
oracle4engineer
PRO
0
110
Women in Agile
kawaguti
PRO
2
150
日本語プログラミングとSpring Bootアプリケーション開発 #kanjava
yusuke
1
310
Japan AWS Jr. Championsがお届けするre:Invent2024のハイライト ～ラスベガスで見てきた景色～
fukuchiiinu
0
1.1k
ココナラのセキュリティ組織の体制・役割・今後目指す世界
coconala_engineer
0
200
あなたの興味は信頼性？それとも生産性？ SREとしてのキャリアに悩むみなさまに伝えたい選択肢
jacopen
5
2.3k
Platform EngineeringがあればSREはいらない!? 新時代のSREに求められる役割とは
mshibuya
2
3.5k
ObservabilityCON on the Road Tokyoの見どころ
hamadakoji
0
150
フラット構造をやめた理由と、EM / Tech Leadを作った理由
baroqueworksdev
0
390

Featured

See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
Done Done
chrislema
182
16k
A better future with KSS
kneath
238
17k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
220
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.5k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
Building Applications with DynamoDB
mza
93
6.2k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
7.1k

Transcript

  1. 3FBDUͷϝδϟʔόʔδϣϯΞοϓ Ϡϑʔ໊ݹ԰5FDI.FFUVQ ʙ3FBDU3BJMTΛ༻͍ͨࣄྫʙ  :VNB8BUBOBCF

  2. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ࣗݾ঺հ 2 Yuma Watanabe 2019.4 גࣜձࣾελϝϯʹೖࣾ 2019.8 ݱࡏ͸ϑϩϯτΤϯυνʔϜ

  3. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ɹ56/"(ʢπφάʣ 3 w ࣾ಺ͷ৴པؔ܎ߏஙΛ໨తͱͨ͠اۀ޲͚4/4 w ͓ޓ͍Λ஌Γɺཧղ͢Δ͜ͱ͕໨త w ࣾҎ্ͷاۀʹಋೖ͞Εɺ਺ສਓ͕ར༻த

  4. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ର৅ऀ 4 w3FBDU3BJMT࢖͍ͬͯΔ wࠓޙ3FBDUͷόʔδϣϯΛ͍͋͛ͨ wࠓ·ͰDSFBUFSFBDUBQQΛ࢖͍ͬͯͯ
 XFCQBDLʹ͍ͭͯ஌Γ͍ͨ ࣗ෼

  5. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ΞδΣϯμ 5 3FBDU3BJMTΛ࢖ͬͨࣄྫ ͸͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ

  6. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ΞδΣϯμ 6 3FBDU3BJMTΛ࢖ͬͨࣄྫ ͸͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ

  7. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ΞδΣϯμ 7 3FBDU3BJMTΛ࢖ͬͨࣄྫ ͸͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ

  8. ͸͡Ίʹ

  9. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 56/"(؀ڥ 9

  10. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 10

  11. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 11

  12. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 12

  13. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 13

  14. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ͸͡Ίʹ 14 ͳͥόʔδϣϯΛ
 ্͛Α͏ͱࢥ͔ͬͨ

  15. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ͸͡Ίʹ 15 3FBDUͷػೳ΍
 ؔ࿈ϥΠϒϥϦ͕࢖͑ͳ͔ͬͨ

  16. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ͸͡Ίʹ 16 3FBDUͷόʔδϣϯΛ͋͛Α͏

  17. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 17 3FBDU3BJMTΛ࢖ͬͨࣄྫ ͸͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ

  18. 3FBDU3BJMTΛ࢖ͬͨࣄྫ

  19. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 19 wϑϩϯτͷίʔυΛॻ͍ͨਓ͕͍ͳͯࣗ͘෼Ͱ ಡΈղ͍͍͔ͯ͘͠ͳ͔ͬͨ w։ൃ؀ڥΛ஌Βͣʹ։ൃ͍ͯͨ͠

  20. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 20 wϑϩϯτͷίʔυΛॻ͍ͨਓ͕͍ͳͯࣗ͘෼Ͱ ಡΈղ͍͍͔ͯ͘͠ͳ͔ͬͨ w։ൃ؀ڥΛ஌Βͣʹ։ൃ͍ͯͨ͠

  21. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 21 3FBDUͷػೳ΍
 ؔ࿈ϥΠϒϥϦ͕࢖͑ͳ͔ͬͨ

  22. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 22 3FBDUͷόʔδϣϯΛ͋͛Α͏

  23. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 23 ͍͖ͳΓϋϚΔ

  24. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 24

  25. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 25 QBDLBHFKTPOΛݟΔ ࢦఆͷόʔδϣϯʹॻ͖׵͑Δ ্͕ͬͨ͜ͱΛ֬ೝ

  26. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 26

  27. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 27

  28. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 28 QBDLBHFKTPOʹهࡌ͞Ε͍ͯΔ 3FBDUͷόʔδϣϯ͸
 ࣮ࡍʹى͖͍ͯΔΤϥʔ͸
 ΑΓݹ͍ͱى͖ΔΤϥʔ

  29. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 29

  30. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 30 ࠷৽ʹ͋͛ͯΈΔ

  31. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 31 มΘΒͳ͍

  32. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 32

  33. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 33 DPOTPMFMPH 3FBDUWFSTJPO

  34. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 34 

  35. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 35 QBDLBHFKTPOʹهࡌ͞Ε͍ͯ Δόʔδϣϯͱ͸ݶΒͳ͍

  36. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 36 QBDLBHFKTPOΛݟΔ ࢦఆͷόʔδϣϯʹॻ͖׵͑Δ ্͕ͬͨ͜ͱΛ֬ೝ ❌

  37. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 37 XFCQBDLͷ
 FYUFSOBMTΦϓγϣϯʹΑͬͯ
 ֎෦ϑΝΠϧΛݟ͍ͯͨ

  38. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 38 FYUFSOBMTʁ

  39. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 39 wࢦఆϞδϡʔϧΛCVOEMFର৅͔Β֎ͯ͠ɺ֎෦ґଘʹͰ͖Δ wࢦఆϞδϡʔϧΛϩʔυ͢ΔલఏͰXFCQBDL࣮ߦ࣌ͷΤϥʔ Λճආ͢Δ͜ͱ͕Ͱ͖Δ

  40. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 40 3FBDU͕࢖ΘΕ͍ͯΔͱ͜ΖͰ TDSJQUλάͰ3FBDUΛϩʔυ

  41. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 41 ·ͨϋϚΔ

  42. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 42

  43. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 43 ΍ͬͱؾ෇͘

  44. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 44 BQQBTTFUTKBWBTDSJQU BQQMJDBUJPOKT

  45. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 45

  46. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 46 3FBDUͷWΛ࢖͏ 3FBDU3BJMTͷόʔδϣϯ ʹͳ͍ͬͯͨ

  47. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 47 3FBDU3BJMTͷόʔδϣϯΛ͋ ͛Δ͜ͱʹΑͬͯɺ3FBDUͷόʔ δϣϯΛ͋͛Δ͜ͱʹ੒ޭ

  48. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 48

  49. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 49 ςετ༻ʹελϝϯݶఆͰ
 ઌߦϦϦʔεΛͯ͠ ͦͷޙʹશࣾϦϦʔε

  50. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 50 BQQMJDBUJPOKT શࣾ  BQQMJDBUJPOTUNOKT ελϝϯ

  51. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 51 ·ͨϋϚΔ

  52. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOKT 52

  53. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOTUNOKT 53

  54. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 54

  55. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 55 3FBDU3BJMTΛ࢖ͬͨࣄྫ

  56. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 56 ͜ΕͳΒ͍͚Δ 3FBDU3BJMTΛ࢖ͬͨࣄྫ

  57. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 57

  58. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOKT 58

  59. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOTUNOKT 59

  60. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 60 ͜ΕͰແࣄʹ3FBDUͷόʔδϣϯ Λ͋͛Δ͜ͱʹ੒ޭ͠·ͨ͠

  61. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 61

  62. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 62 w3FBDU)PPLT w3FEVY)PPLT w5ZQFTDSJQU

  63. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 63 3FBDU3BJMTͷ
 ϝϦοτ͕Θ͔Βͳ͍

  64. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 64 3FBDUͷίʔυ΋෼͚͍ͨ

  65. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOKT 65

  66. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOTUNOKT 66

  67. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE XFCQBDLDPOGJH 67

  68. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE QBDLBHFKTPO 68

  69. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE XFCQBDLDPOGJH 69

  70. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛ࢖ͬͨࣄྫ 70 3FBDU3BJMTΛ࢖ͬͨࣄྫ ͸͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ

  71. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ 71 3FBDU3BJMTΛ࢖ͬͨࣄྫ ͸͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ

  72. ϝδϟʔόʔδϣϯ ΞοϓσʔτͷରԠ

  73. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 73 d

  74. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 74 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ

  75. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 75 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ

  76. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 76 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ

  77. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 77 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ

  78. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 78 3FBDU1SPQ5ZQFT͕ผύο έʔδʹͳΓຊମ͔Β੾Γ཭͞ ΕͨͷͰQSPQUZQFTʹஔ͖׵ ͑Δ

  79. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 79 SFBDUDPEFNPE ͱ KTDPEFTIJGU

  80. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 80  QSPQUZQFTΛZBSOPSOQNͰΠϯετʔϧ  IUUQTHJUIVCDPNSFBDUKTSFBDUDPEFNPEHJU  OQNJOTUBMMHKTDPEFTIJGU

     OQNPSZBSOJOTUBMM  KTDPEFTIJGUUUSBOTGPSNT3FBDU1SPQ5ZQFT UPQSPQUZQFTKTର৅ͷϑΝΠϧ΍σΟϨΫτϦͷ ύε

  81. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 81

  82. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 82 5SBOTGPSNBUJPOFSSPS

  83. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 83 QBSTFSGMPX

  84. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 84 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ

  85. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 85

  86. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 86  ZBSOPSOQNJOTUBMMDPSFKT  FOUSZͷKTϑΝΠϧʹ
 JNQPSUbDPSFKTNBQ`
 JNQPSUbDPSFKTTFU`

  87. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 87 6ODBVHIU3FGFSFODF&SSPS 4FUJTOPUEFGJOFE

  88. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 88 IUUQTDEOKTDMPVEGMBSFDPN BKBYMJCTDPSFKTDPSFNJOKT

  89. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 89 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷ1PMZpMMͷಋೖ

  90. ࠷ޙʹ

  91. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ࠷ޙʹ 91 ։ൃ؀ڥΛ͠Δ͜ͱ

  92. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ࠷ޙʹ 92 ։ൃ؀ڥΛ͠Δ͜ͱ XFCQBDL FYUFSOBMT

  93. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ࠷ޙʹ 93 ։ൃ؀ڥΛ͠Δ͜ͱ XFCQBDL FYUFSOBMT QBDLBHFKTPO

  94. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ࢀߟ 94 w3FBDUΛWʹ্͛ΔͨΊʹߦͬͨ͜ͱ
 IUUQTOVNCUFDIIBUFOBCMPHDPNFOUSZ  w3FBDUެࣜυΩϡϝϯτ
 IUUQTKBSFBDUKTPSH 

    wXFCQBDLެࣜυΩϡϝϯτ
 IUUQTXFCQBDLKTPSHDPOpHVSBUJPOFYUFSOBMT  wXFCQBDLͷFYUFSOBMTʹ͍ͭͯ
 IUUQTLJHINFNPIBUFOBCMPHDPNFOUSZ