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

Reduxの細かい話 #react_fukuoka

Dc52871050369929247b69f3767e8737?s=47 Hiroyuki ANAI
January 25, 2019
Programming
0
580

Reduxの細かい話 #react_fukuoka

React勉強会@福岡 vol.1 - connpass
https://rakko.connpass.com/event/113051/

Dc52871050369929247b69f3767e8737?s=128

Hiroyuki ANAI

January 25, 2019
Tweet

More Decks by Hiroyuki ANAI

See All by Hiroyuki ANAI
Go言語による並行処理「4.4 orチャネル」の図
Dc52871050369929247b69f3767e8737?s=48 pirosikick
0
140
サイボウズWebフロントエンド脱レガシーの今までとこれから
Dc52871050369929247b69f3767e8737?s=48 pirosikick
5
14k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
Dc52871050369929247b69f3767e8737?s=48 pirosikick
4
1.3k
Web Share Target API #w3fukuoka
Dc52871050369929247b69f3767e8737?s=48 pirosikick
0
420
Google I/O '19のWebをまとめる会
Dc52871050369929247b69f3767e8737?s=48 pirosikick
2
630
PuppeteerでいらないCSSを消す
Dc52871050369929247b69f3767e8737?s=48 pirosikick
24
23k
Progressive Hydration #react_fukuoka
Dc52871050369929247b69f3767e8737?s=48 pirosikick
5
1.1k
WebFEのテストにおける気持ちの変遷
Dc52871050369929247b69f3767e8737?s=48 pirosikick
0
280
私が考えるReactのよさ #fukuokajs
Dc52871050369929247b69f3767e8737?s=48 pirosikick
2
560

Other Decks in Programming

See All in Programming
もしも、 上司に鬼退治を命じられたら~プロジェクト計画編~
Fb0a40e5e7a9dc85520f1646fd41eb44?s=48 higuuu
0
270
Reactでアプリケーションを構築する多様化
2917a3c430817eb71086f8973c06ebba?s=48 sakito
4
3.3k
roadmap to rust 2024
F0493f5bcb4cc9fdccc54ae3e8ab6bd0?s=48 matsu7874
1
800
Licences open source : entre guerre de clochers et radicalité
323bb1cb39e6478e559b6e13d2fdf518?s=48 pylapp
1
260
Is Rust a great language for building Kubernetes ecosystem
7f408bc67dc9ae3b288ee92d16d3c4c2?s=48 deepu105
0
140
WindowsコンテナDojo : 第1回 Visual StudioでWindowsコンテナアプリ作成
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
330
アプリのログをチーム外で活用してもらうためにやったこと
2f8b61ad31dd9c6ada4a90af746290fd?s=48 shotakashihara
0
190
SRE NEXT 2022: Sensible Incident Management for Software Startups
C431886a52f7545f1b122b0c221e7bcd?s=48 takanabe
2
310
【PHPerKaigi2022】Mongo に溜まった約1.6億件の記事データを BigQuery へ …
C9206c01d92fe6141158122f2c6e95fa?s=48 userkazun
0
110
C言語でメモリ管理を考えた話
F17bbe02fb6dda24d29196c2479121b1?s=48 hkawai
0
190
近況PHP / PHP in now a days
271fad8d53cd1f12f2b4b6d38e3d7bd3?s=48 uzulla
4
1.7k
You CANt teach an old dog new tricks
Bd5b8981a308c94b642befb656d8cf8f?s=48 michaelbukachi
0
110

Featured

See All Featured
Optimizing for Happiness
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
365
63k
4 Signs Your Business is Dying
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
169
20k
In The Pink: A Labor of Love
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
130
21k
Large-scale JavaScript Application Architecture
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
499
110k
A Modern Web Designer's Workflow
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
689
180k
From Idea to $5000 a Month in 5 Months
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
44k
CSS Pre-Processors: Stylus, Less & Sass
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
ReactJS: Keep Simple. Everything can be a component!
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
655
120k
The Invisible Side of Design
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
289
48k
The Language of Interfaces
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
148
20k
The Straight Up "How To Draw Better" Workshop
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
225
120k
The Mythical Team-Month
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
208
39k

Transcript

  1. 3FEVYͷࡉ͔͍ ࿩  ۚ 3FBDUษڧձ!෱ԬWPM !QJSPTJLJDL

  2. ࣗݾ঺հ w !QJSPTJLJDL w ݀Ҫ޺޾ w 3FBDUೖ໳ʢᠳӭࣾʣஶऀ w εϚϒϥͷ࿅श͍͕ͨ͠
 εϓϥτΡʔϯ͕·ͩ๩͍͠

  3. ࿩͢͜ͱ w 3FEVYͷ w ʮ஌͍ͬͯΔਓ͸஌͍ͬͯΔɺ஌Βͳ͍ਓ͸֮͑ͯͶʯ w ͱ͍͏஌ݟʹ͍ͭͯ࿩͠·͢ w ʮࡉ͔͍ʯͱ͍͏ͱඍົͳؾ͕ͨ͠ͷͰʁ෇͚·ͨ͠ w

    ʮେ૚ͳ࿩͡Όͳ͍ʯͱ͍͏ҙຯ߹͍͔΋͠Εͳ͍ w Α͏͸খωλͰ͢

  4. ͳΜͰʁ w 3FEVY͸͍ͩͿރΕ͍ͯΔ͕ɺ w ੲ͔Β΍ͬͯΔਓͱ࠷ۙ͸͡ΊͨਓͰ
 ஌ࣝͷ։͖͕େ͖͍ؾ͕͢Δ w ͦͷ஌ࣝͷ։͖ΛຒΊΔ΋ͷ΋͋Μ·Γͳ͍ؾ͕͢Δ w ͳͷͰɺ࠷࣭ۙ໰͞Εͨ͜ͱ΁ͷΞϯαʔ΍


    ͜Ε஌ͬͯͨΒศརͱ͍͏͜ͱΛ࿩͠·͢ w ஌͍ͬͯΔਓʹͱͬͯ͸
 ʮ౰ͨΓલ͡ΌΜʯΈ͍ͨͳ࿩͔΋͠Εͳ͍͕ྃ͝ঝ͍ͩ͘͞

  5. ໨࣍ w EJTQBUDIͷฦΓ஋ w SFEVYUIVOLͷXJUI&YUSB"SHVNFOU

  6. EJTQBUDIͷฦΓ஋

  7. EJTQBUDIͷฦΓ஋ w EJTQBUDI͸ฦΓ஋Λฦ͍ͯ͠Δ w αϯϓϧίʔυ౳Ͱར༻͞Ε͍ͯΔͷΛ
 ͋·Γݟ͔͚ͳ͍͕ɻ w ฦΓ஋͸EJTQBUDIͨ͠"DUJPOΛॲཧͨ͠
 .JEEMFXBSFʹΑͬͯมΘΔ w

    .JEEMFXBSF͕ແ͍PS
 Ͳͷ.JEEMFXBSF΋ॲཧ͠ͳ͔ͬͨ৔߹ w "DUJPOΛฦ͢

  8. SFEVYUIVOLͷ৔߹ɿ EJTQBUDIͨؔ͠਺ͷ݁ՌΛฦ͢

  9. Ͳ͏͍͏࣌ʹศར͔ʁ w SFEVYUIVOLͷ৔߹ w UIVOLΞΫγϣϯͷதͰ
 ผͷUIVOLΞΫγϣϯΛEJTQBUDI͢Δ৔߹ w ݺͼग़ͨ͠UIVOLΞΫγϣϯͷ݁ՌΛݟͯ
 ৼΔ෣͍Λม͑Δ͜ͱ͕Ͱ͖Δ

  10. αϯϓϧίʔυɿ σʔλΛऔಘ͢ΔΞΫγϣϯ

  11. αϯϓϧίʔυɿ 6*Λදࣔ͢ΔͨΊͷΞΫγϣϯ υϝΠϯϞσϧͱ6*ͷ4UBUFɾ"DUJPOΛ
 ͖ͬͪΓ෼͚Δ͜ͱ͕Ͱ͖Δ

  12. w SFEVYUIVOLҎ֎͸෼͔Βͳ͍Ͱ͢CPX w ࢖͍ͬͯΔ.JEEMFXBSFͷ
 EJTQBUDIͷฦΓ஋Λௐ΂Δͱͳʹ͔ൃݟ͕͋Δ͔΋ʂ

  13. SFEVYUIVOLͷ XJUI&YUSB"SHVNFOU

  14. SFEVYUIVOLͷ XJUI&YUSB"SHVNFOU w UIVOL.JEEMFXBSFXJUI&YUSB"SHVNFOU BSHVNFOU  w UIVOLΞΫγϣϯͷୈҾ਺ʹ
 ೚ҙͷ஋Λ౉͢͜ͱ͕Ͱ͖Δ

  15. BQQMZ.JEEMFXBSF͢Δଆͷίʔυ

  16. BQQMZ.JEEMFXBSF͢Δଆͷίʔυ

  17. BDUJPOଆͷίʔυ

  18. BDUJPOଆͷίʔυ

  19. Կ͕͏Ε͍͠ͷ͔ʁ w ςετ͕গ͠γϯϓϧʹͳΔ w UIVOLΞΫγϣϯͷৼΔ෣͍ͷ֦ு͕༰қʹͳΔ

  20. Α͋͘ΔUIVOLΞΫγϣϯͷίʔυྫ

  21. Α͋͘ΔUIVOLΞΫγϣϯͷίʔυྫ BQJUTʹґଘ

  22. KFTUNPDLΛ࢖ͬͯ୯ମςετ KFTUNPDLͰؔ਺Λ KFTUGOʹࠩ͠ସ͑Δ

  23. &YUSB"SHVNFOU͔ΒBQJΛ౉͢ɿ BQQMZ.JEEMFXBSFଆͷίʔυ

  24. &YUSB"SHVNFOU͔ΒBQJΛ౉͢ɿ BDUJPOଆͷίʔυ

  25. &YUSB"SHVNFOU͔ΒBQJΛ౉͢ɿ BDUJPOଆͷίʔυ BQJUT΁ͷґଘʢJNQPSUจʣ͕ແ͘ͳΔ

  26. मਖ਼ޙͷςετίʔυ

  27. मਖ਼ޙͷςετίʔυ

  28. मਖ਼ޙͷςετίʔυ KFTUNPDLෆཁ ςετ͕ͪΐͬͱγϯϓϧʹ

  29. ৼΔ෣͍ͷ֦ு͕༰қʹͳΔ w &YUSB"SHVNFOUͷBQJͷܕΛ۩৅Ͱ͸ͳ͘
 ந৅ʢΠϯλϑΣʔεʣʹ͢Δ͜ͱͰɺ w UIVOLΞΫγϣϯΛมߋͤͣʹৼΔ෣͍Λ֦ுͰ͖Δ

  30. BQQMZ.JEEMFXBSFଆͷίʔυɿ BQJͷܕΛந৅ʢΠϯλϑΣʔεʣʹ͢Δ

  31. BQQMZ.JEEMFXBSFଆͷίʔυɿ BQJͷΠϯλϑΣʔεΛ࣮૷ BDUJPOΛม͑ͣʹৼΔ෣͍Λ֦ுͰ͖Δ ྫɿ 3FTU"1*͔Β(SBQI2-ʹม͑Δ 443ͱ$43Ͱσʔλऔಘํ๏Λม͑Δ ςετ༻ͷϞοΫ"1*ΫϥΠΞϯτ

  32. ͓ΘΓ w ࣗ෼ʹͱͬͯ౰ͨΓલͰ΋
 ଞऀʹͱͬͯͦ͏ͱ͸ݶΒͳ͍ w ͨ·ʹυΩϡϝϯτΛݟฦ͢ͱɺ
 ৽͍͠ൃݟ͕͋Δ͔΋

  33. ͋Γ͕ͱ͏ ͍͟͝·ͨ͠