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

ReactでAtomic Design

Avatar for hiro-nagami hiro-nagami
March 16, 2019
2
75

ReactでAtomic Design

Avatar for hiro-nagami

hiro-nagami

March 16, 2019
Tweet

More Decks by hiro-nagami

See All by hiro-nagami
Firebaseのデータ更新のススメ
Avatar for hiro-nagami hiro3
0
310

Featured

See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
235
140k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
613
210k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
42
7.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
770
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
283
13k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k

Transcript

  1. "UPNJD%FTJHO !OBHBNJ@IJSP

  2. ࣗݾ঺հ 5XJUUFS!OBHBNJ@IJSP )JSPNBTB/BHBNJOF ϑϦʔϥϯεΤϯδχΞ (`T"DBEFNZϝϯλʔ

  3. "UPNJD%FTJHOͱ͸ʁ খ͞ͳ୯Ґͷ6*ύʔπΛ૊Έ߹Θͤͯઃܭ͢Δख๏

  4. ̑ͭͷཁૉͰߏ੒ "UPNT .PMFDVMFT 0SHBOJTNT 5FNQMBUF 1BHFT Ϙλϯ΍ϥϕϧɺΠϯϓοτϑΥʔϜͷΑ͏ͳ࠷খཁૉ BUPNTΛ૊Έ߹Θͤͯ࡞ͬͨ໾ׂΛ࣋ͬͨ6* BUPNT΍NPMFDVMFTΛ૊Έ߹Θͤͯɺ୯ମͱͯ͠ҙຯΛ࣋ͨͤͨ6* PSHBOJTNTΛ૊Έ߹ΘͤͯɺϖʔδͷϕʔεͱͳΔը໘ߏ੒

    UFNQMBUFʹ࣮ࡍʹσʔλΛ͸ΊࠐΜͰɺ̍ը໘ͱͯ͠ҙຯΛ࣋ͨͤͨ΋ͷ 4NBMM -BSHF

  5. ͬ͘͟Γݴ͏ͱ Ϙλϯͱ͔ϥϕϧͱ͔ೖྗཝͱ͔ খ͍͞ཁૉΛ૊Έ߹Θ͍͚ͤͯ͹ 8FCϖʔδ͸ग़དྷ্͕ΔΑͶ

  6. ࠓճ͸ɺ3FBDUΛ࢖ͬͯ ͦΕͧΕͷཁૉͷ࣮૷Λ ঺հ͍͖ͯ͠·͢

  7. "UPNT *NBHF 5FYU #VUUPO Ϙλϯ΍ϥϕϧɺΠϯϓοτϑΥʔϜͷΑ͏ͳ࠷খཁૉ

  8. #BTF5FYU

  9. #BTF#VUUPO

  10. #BTF*NBHF

  11. .PMFDVMFT 1SPpMF "SUJDMF BUPNTΛ૊Έ߹Θͤͯ࡞ͬͨ໾ׂΛ࣋ͬͨ6*

  12. "SUJDMF4FDUJPO #BTF*NHF #BTF5FYU #BTF#VUUPOͰߏ੒

  13. 1SPpMF4FDUJPO #BTF*NHF #BTF5FYUͰߏ੒

  14. 0SHBOJTNT )FBEFS "SUJDMF-JTU BUPNT΍NPMFDVMFTΛ૊Έ߹Θͤͯɺ୯ମͱͯ͠ҙຯΛ࣋ͨͤͨ6*

  15. "SUJDMF-JTU "SUJDMF4FDUJPOΛෳ਺ݸฒ΂Δ

  16. )FBEFS #BTF5FYUͰߏ੒

  17. 5FNQMBUF PSHBOJTNTΛ૊Έ߹ΘͤͯɺϖʔδͷϕʔεͱͳΔը໘ߏ੒

  18. #BTF1BHF "SUJDMF-JTUͱ)FBEFSͰߏ੒

  19. 1BHFT UFNQMBUFʹ࣮ࡍʹσʔλΛ͸ΊࠐΜͰɺ̍ը໘ͱͯ͠ҙຯΛ࣋ͨͤͨ΋ͷ

  20. #BTF1BHF σʔλΛྲྀ͠ࠐΉ

  21. 4LFUDIͰ΋Մೳ 4LFUDI΋γϯϘϧͱ͍͏ػೳΛ ࢖ͬͯ"UPNJD%FTJHOΛ ࣮ݱͰ͖Δ

  22. 4LFUDIͰ"UPN

  23. 4LFUDIͰ"UPN