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

React hands-on vol.01

Avatar for takanorip takanorip
August 02, 2016
Technology
0
340

React hands-on vol.01

Avatar for takanorip

takanorip

August 02, 2016
Tweet

More Decks by takanorip

See All by takanorip
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
450
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
4k
Eleventy3.0 で始める爆速個人ブログ開発！
Avatar for takanorip takanorip
0
160
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
Avatar for takanorip takanorip
5
930
効果的な管理画面を デザインをするために 避けるべき5つの罠
Avatar for takanorip takanorip
15
7.4k
社内管理画面のデザインもプロダクトデザイン
Avatar for takanorip takanorip
5
2k
早わかり W3C Community Group
Avatar for takanorip takanorip
0
500
Ubieとアクセシビリティのこれからを考える
Avatar for takanorip takanorip
0
470
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
Avatar for takanorip takanorip
2
4k

Other Decks in Technology

See All in Technology
ZOZOマッチのアーキテクチャと技術構成
Avatar for ZOZO Developers zozotech
PRO
2
800
【 LLMエンジニアがヒューマノイド開発に挑んでみた 】 - 第104回 Machine Learning 15minutes! Hybrid
Avatar for soneo1127 soneo1127
0
230
Flutterでキャッチしないエラーはどこに行く
Avatar for AOKI Taiju taiju59
0
200
JavaScript 研修
Avatar for Recruit recruitengineers
PRO
6
1.3k
そのコンポーネント、サーバー？クライアント？App Router開発のモヤモヤを可視化する補助輪
Avatar for Makoto Tateno makotot
4
780
トヨタ生産方式(TPS)入門
Avatar for Recruit recruitengineers
PRO
5
1.4k
allow_retry と Arel.sql / allow_retry and Arel.sql
Avatar for Shintani Teppei euglena1215
0
120
Bye-Bye Query Spaghetti: Write Queries You'll Actually Understand Using Pipelined SQL Syntax
Avatar for Tobias Lampert tobiaslampertlotum
0
110
ここ一年のCCoEとしてのAWSコスト最適化を振り返る / CCoE AWS Cost Optimization devio2025
Avatar for MasahiroKawahara masahirokawahara
1
920
Snowflakeの生成AI機能を活用したデータ分析アプリの作成 〜Cortex AnalystとCortex Searchの活用とStreamlitアプリでの利用〜
Avatar for Nayuta S. nayuts
0
110
なぜSaaSがMCPサーバーをサービス提供するのか？
Avatar for SansanTech sansantech
PRO
1
170
絶対に失敗できないキャンペーンページの高速かつ安全な開発、WINTICKET × microCMS の開発事例
Avatar for microCMS microcms
0
350

Featured

See All Featured
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
9
790
It's Worth the Effort
Avatar for 3n 3n
187
28k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
224
9.9k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
55
13k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
KATA
Avatar for Megan Lloyd mclloyd
32
14k

Transcript

  1. React for Designer 5BLBOPSJ0LJ 

  2. ࣗݾ঺հ

  3. େ໦ଚلʢΦΦΩɹλΧϊϦʣ w ϑϩϯτΤϯυΤϯδχΞ w 8FCαΠτɺ8FCΞϓϦͷ੍࡞ w 2JJUB UBLBOPSJQ

  4. 3FBDU

  5. ٙ໰ w 3FBDUͬͯͳʹʁ w K2VFSZͱԿ͕ҧ͏ͷʁ w ͲΜͳ͍͍͜ͱ͋Δͷʁ

  6. None

  7. 3FBDU w 'BDFCPPL੡ +BWB4DSJQU 6*ϥΠϒϥϦɹ ɹ ɹ ʢʺϑϨʔϜϫʔΫʣ w ϑϨʔϜϫʔΫͷ7JFX෦෼Λ୲౰

    w 7JSUVBM%0.

  8. Controller View Model MVC model React

  9. 3FBDU74K2VFSZ

  10. 3FBDU74K2VFSZ

  11. 3FBDUͱK2VFSZ͸ ڞଘͰ͖Δ

  12. ͳͥԾ૝%0.ͱ͍͏֓೦͕ ԶୡͷࠢΛ਒͑ͤ͞Δͷ͔

  13. ಛ௃

  14. ίϯϙʔωϯτࢦ޲ w ίϯϙʔωϯτʹ6*Λߏ੒͢Δ෦඼ w ίϯϙʔωϯτΛ૊Έ߹ΘͤͯϖʔδΛߏங w QSPQ ఆ਺ ͱTUBUF ঢ়ଶ

    Λ࢖ͬͯಈతʹߏங
  15. None

  16. +49 w +BWB4DSJQUͷதʹ9.-Λهड़

  17. 3FBDU+49ͷ஫ҙ఺ w +49಺Ͱ͸+4ͷ༧໿ޙ͕࢖͑ͳ͍ͷͰɹɹɹ ॻ͖׵͕͑ඞཁ DMBTT˰DMBTT/BNFͳͲ  w &4ʢ&4ʣͰهड़͢Δ w 9.-ͳͷͰඞͣด͡λά͕ඞཁ

    w ίϯύΠϧ͕ඞཁ

  18. ϝϦοτ

  19. ؆୯Ͱ଎͍ Virtual DOM JS Object HTML ςϯϓϨʔτʹΑΔ શߋ৽ γεςϜʹΑΔ ࠩ෼ߋ৽