Submit Search
Upload
Atomic Design powered by React @ AbemaTV
•
26 likes
•
13,968 views
Yusuke Goto
Follow
We designed and developed AbemaTV Web using Atomic Design and React.
Read less
Read more
Technology
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 55
Download now
Download to read offline
Recommended
20191112 AWS Black Belt Online Seminar AWS Media Services で始めるライブ動画配信
20191112 AWS Black Belt Online Seminar AWS Media Services で始めるライブ動画配信
Amazon Web Services Japan
AbemaTVのアーキテクチャの変遷 / AbemaTV DevCon 2018 TrackA Session A2
AbemaTVのアーキテクチャの変遷 / AbemaTV DevCon 2018 TrackA Session A2
AbemaTV, Inc.
AbemaTV が対峙する技術的課題と開発の現場
AbemaTV が対峙する技術的課題と開発の現場
Yusuke Goto
プロが解説!Hinemosによる運用管理テクニック!
プロが解説!Hinemosによる運用管理テクニック!
hinemos_atomitech
プロが解説!Hinemosによる運用管理テクニック
プロが解説!Hinemosによる運用管理テクニック
hinemos_atomitech
WebRTC と Native とそれから、それから。
WebRTC と Native とそれから、それから。
tnoho
WebSocket / WebRTCの技術紹介
WebSocket / WebRTCの技術紹介
Yasuhiro Mawarimichi
20220319_新卒から活躍し続けるエンジニアが大切にしている5つのこと
20220319_新卒から活躍し続けるエンジニアが大切にしている5つのこと
LIFULL Co., Ltd.
Recommended
20191112 AWS Black Belt Online Seminar AWS Media Services で始めるライブ動画配信
20191112 AWS Black Belt Online Seminar AWS Media Services で始めるライブ動画配信
Amazon Web Services Japan
AbemaTVのアーキテクチャの変遷 / AbemaTV DevCon 2018 TrackA Session A2
AbemaTVのアーキテクチャの変遷 / AbemaTV DevCon 2018 TrackA Session A2
AbemaTV, Inc.
AbemaTV が対峙する技術的課題と開発の現場
AbemaTV が対峙する技術的課題と開発の現場
Yusuke Goto
プロが解説!Hinemosによる運用管理テクニック!
プロが解説!Hinemosによる運用管理テクニック!
hinemos_atomitech
プロが解説!Hinemosによる運用管理テクニック
プロが解説!Hinemosによる運用管理テクニック
hinemos_atomitech
WebRTC と Native とそれから、それから。
WebRTC と Native とそれから、それから。
tnoho
WebSocket / WebRTCの技術紹介
WebSocket / WebRTCの技術紹介
Yasuhiro Mawarimichi
20220319_新卒から活躍し続けるエンジニアが大切にしている5つのこと
20220319_新卒から活躍し続けるエンジニアが大切にしている5つのこと
LIFULL Co., Ltd.
[CTO Night & Day 2019] Amazon Culture #ctonight
[CTO Night & Day 2019] Amazon Culture #ctonight
Amazon Web Services Japan
Goでかんたんソースコードの静的解析
Goでかんたんソースコードの静的解析
Takuya Ueda
WebRTC SFU mediasoup sample
WebRTC SFU mediasoup sample
mganeko
Jitsi video bridge で遊んでみた
Jitsi video bridge で遊んでみた
tnoho
brainfuckを吐く自作言語bf-reusable
brainfuckを吐く自作言語bf-reusable
roodni
サーバー実装いろいろ
サーバー実装いろいろ
kjwtnb
Redmineをプラグインで拡張しよう
Redmineをプラグインで拡張しよう
Haruyuki Iida
WebRTCの技術解説 公開版
WebRTCの技術解説 公開版
Contest Ntt-west
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
Yahoo!デベロッパーネットワーク
WebRTC配信とハードウェアエンコーダ
WebRTC配信とハードウェアエンコーダ
tnoho
Web App Platform Strategy
Web App Platform Strategy
dynamis
20171005 告白に学ぶ http status code
20171005 告白に学ぶ http status code
Shinichi Takahashi
究極のゲーム用通信プロトコル “WebRTC”
究極のゲーム用通信プロトコル “WebRTC”
Ryosuke Otsuya
ヤフーの広告レポートシステムをSpring Cloud Stream化するまで #jjug_ccc #ccc_a4
ヤフーの広告レポートシステムをSpring Cloud Stream化するまで #jjug_ccc #ccc_a4
Yahoo!デベロッパーネットワーク
工数把握のすすめ 〜WorkTimeプラグインの使い方〜
工数把握のすすめ 〜WorkTimeプラグインの使い方〜
Tomohisa Kusukawa
究極のゲーム用通信プロトコルを探せ!
究極のゲーム用通信プロトコルを探せ!
Ryosuke Otsuya
プロダクトに 1 から Vue.js を導入した話
プロダクトに 1 から Vue.js を導入した話
Shohei Okada
Prometeusについてはじめてみよう / Let's start Prometeus
Prometeusについてはじめてみよう / Let's start Prometeus
Takeo Noda
実環境にTerraform導入したら驚いた
実環境にTerraform導入したら驚いた
Akihiro Kuwano
Inside WebM
Inside WebM
mganeko
Practica n° 7
Practica n° 7
rafobarrientos
Blockly
Blockly
JuliaDrozd
More Related Content
What's hot
[CTO Night & Day 2019] Amazon Culture #ctonight
[CTO Night & Day 2019] Amazon Culture #ctonight
Amazon Web Services Japan
Goでかんたんソースコードの静的解析
Goでかんたんソースコードの静的解析
Takuya Ueda
WebRTC SFU mediasoup sample
WebRTC SFU mediasoup sample
mganeko
Jitsi video bridge で遊んでみた
Jitsi video bridge で遊んでみた
tnoho
brainfuckを吐く自作言語bf-reusable
brainfuckを吐く自作言語bf-reusable
roodni
サーバー実装いろいろ
サーバー実装いろいろ
kjwtnb
Redmineをプラグインで拡張しよう
Redmineをプラグインで拡張しよう
Haruyuki Iida
WebRTCの技術解説 公開版
WebRTCの技術解説 公開版
Contest Ntt-west
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
Yahoo!デベロッパーネットワーク
WebRTC配信とハードウェアエンコーダ
WebRTC配信とハードウェアエンコーダ
tnoho
Web App Platform Strategy
Web App Platform Strategy
dynamis
20171005 告白に学ぶ http status code
20171005 告白に学ぶ http status code
Shinichi Takahashi
究極のゲーム用通信プロトコル “WebRTC”
究極のゲーム用通信プロトコル “WebRTC”
Ryosuke Otsuya
ヤフーの広告レポートシステムをSpring Cloud Stream化するまで #jjug_ccc #ccc_a4
ヤフーの広告レポートシステムをSpring Cloud Stream化するまで #jjug_ccc #ccc_a4
Yahoo!デベロッパーネットワーク
工数把握のすすめ 〜WorkTimeプラグインの使い方〜
工数把握のすすめ 〜WorkTimeプラグインの使い方〜
Tomohisa Kusukawa
究極のゲーム用通信プロトコルを探せ!
究極のゲーム用通信プロトコルを探せ!
Ryosuke Otsuya
プロダクトに 1 から Vue.js を導入した話
プロダクトに 1 から Vue.js を導入した話
Shohei Okada
Prometeusについてはじめてみよう / Let's start Prometeus
Prometeusについてはじめてみよう / Let's start Prometeus
Takeo Noda
実環境にTerraform導入したら驚いた
実環境にTerraform導入したら驚いた
Akihiro Kuwano
Inside WebM
Inside WebM
mganeko
What's hot
(20)
[CTO Night & Day 2019] Amazon Culture #ctonight
[CTO Night & Day 2019] Amazon Culture #ctonight
Goでかんたんソースコードの静的解析
Goでかんたんソースコードの静的解析
WebRTC SFU mediasoup sample
WebRTC SFU mediasoup sample
Jitsi video bridge で遊んでみた
Jitsi video bridge で遊んでみた
brainfuckを吐く自作言語bf-reusable
brainfuckを吐く自作言語bf-reusable
サーバー実装いろいろ
サーバー実装いろいろ
Redmineをプラグインで拡張しよう
Redmineをプラグインで拡張しよう
WebRTCの技術解説 公開版
WebRTCの技術解説 公開版
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
Swagger ではない OpenAPI Specification 3.0 による API サーバー開発
WebRTC配信とハードウェアエンコーダ
WebRTC配信とハードウェアエンコーダ
Web App Platform Strategy
Web App Platform Strategy
20171005 告白に学ぶ http status code
20171005 告白に学ぶ http status code
究極のゲーム用通信プロトコル “WebRTC”
究極のゲーム用通信プロトコル “WebRTC”
ヤフーの広告レポートシステムをSpring Cloud Stream化するまで #jjug_ccc #ccc_a4
ヤフーの広告レポートシステムをSpring Cloud Stream化するまで #jjug_ccc #ccc_a4
工数把握のすすめ 〜WorkTimeプラグインの使い方〜
工数把握のすすめ 〜WorkTimeプラグインの使い方〜
究極のゲーム用通信プロトコルを探せ!
究極のゲーム用通信プロトコルを探せ!
プロダクトに 1 から Vue.js を導入した話
プロダクトに 1 から Vue.js を導入した話
Prometeusについてはじめてみよう / Let's start Prometeus
Prometeusについてはじめてみよう / Let's start Prometeus
実環境にTerraform導入したら驚いた
実環境にTerraform導入したら驚いた
Inside WebM
Inside WebM
Similar to Atomic Design powered by React @ AbemaTV
Practica n° 7
Practica n° 7
rafobarrientos
Blockly
Blockly
JuliaDrozd
Spca2014 hillier 3rd party_javascript_libraries
Spca2014 hillier 3rd party_javascript_libraries
NCCOMMS
Private slideshow
Private slideshow
sblackman
#win8acad : Building a Windows 8 Metro Style UI
#win8acad : Building a Windows 8 Metro Style UI
Frederik De Bruyne
Intro to JavaScript
Intro to JavaScript
Jussi Pohjolainen
Building the an End-to-End ASP.NET MVC 4, Entity Framework, HTML5, jQuery app...
Building the an End-to-End ASP.NET MVC 4, Entity Framework, HTML5, jQuery app...
Dan Wahlin
HTML5 New and Improved
HTML5 New and Improved
Timothy Fisher
Javascript 1
Javascript 1
pavishkumarsingh
GDI Seattle - Intro to JavaScript Class 4
GDI Seattle - Intro to JavaScript Class 4
Heather Rock
Web accessibility
Web accessibility
Eb Styles
Fórum de Software Livre do Serpro RJ 2009
Fórum de Software Livre do Serpro RJ 2009
Fabio Akita
The project gutenberg e book, fairy tales from brazil, by elsie spicer
The project gutenberg e book, fairy tales from brazil, by elsie spicer
Andrei Hortúa
smoke1272528461
smoke1272528461
mxsmoketest
Vaadin Components @ Angular U
Vaadin Components @ Angular U
Joonas Lehtinen
Introduction to Html5
Introduction to Html5
www.netgains.org
27javascript
27javascript
Adil Jafri
Symfony2 Building on Alpha / Beta technology
Symfony2 Building on Alpha / Beta technology
Daniel Knell
How to Mess Up Your Angular UI Components
How to Mess Up Your Angular UI Components
cagataycivici
The Ring programming language version 1.9 book - Part 52 of 210
The Ring programming language version 1.9 book - Part 52 of 210
Mahmoud Samir Fayed
Similar to Atomic Design powered by React @ AbemaTV
(20)
Practica n° 7
Practica n° 7
Blockly
Blockly
Spca2014 hillier 3rd party_javascript_libraries
Spca2014 hillier 3rd party_javascript_libraries
Private slideshow
Private slideshow
#win8acad : Building a Windows 8 Metro Style UI
#win8acad : Building a Windows 8 Metro Style UI
Intro to JavaScript
Intro to JavaScript
Building the an End-to-End ASP.NET MVC 4, Entity Framework, HTML5, jQuery app...
Building the an End-to-End ASP.NET MVC 4, Entity Framework, HTML5, jQuery app...
HTML5 New and Improved
HTML5 New and Improved
Javascript 1
Javascript 1
GDI Seattle - Intro to JavaScript Class 4
GDI Seattle - Intro to JavaScript Class 4
Web accessibility
Web accessibility
Fórum de Software Livre do Serpro RJ 2009
Fórum de Software Livre do Serpro RJ 2009
The project gutenberg e book, fairy tales from brazil, by elsie spicer
The project gutenberg e book, fairy tales from brazil, by elsie spicer
smoke1272528461
smoke1272528461
Vaadin Components @ Angular U
Vaadin Components @ Angular U
Introduction to Html5
Introduction to Html5
27javascript
27javascript
Symfony2 Building on Alpha / Beta technology
Symfony2 Building on Alpha / Beta technology
How to Mess Up Your Angular UI Components
How to Mess Up Your Angular UI Components
The Ring programming language version 1.9 book - Part 52 of 210
The Ring programming language version 1.9 book - Part 52 of 210
More from Yusuke Goto
RUM と STM で実現する動画視聴における信頼性エンジニアリング
RUM と STM で実現する動画視聴における信頼性エンジニアリング
Yusuke Goto
Streaming Reliability Engineering
Streaming Reliability Engineering
Yusuke Goto
2021 年春 ABEMA が Internet Explorer 11 の サポートを終了
2021 年春 ABEMA が Internet Explorer 11 の サポートを終了
Yusuke Goto
より高品質なメディアサービスを目指す ABEMA の技術進化
より高品質なメディアサービスを目指す ABEMA の技術進化
Yusuke Goto
conte - ABEMA's Design System
conte - ABEMA's Design System
Yusuke Goto
ABEMA を次のフェーズへ進化させる技術への取り組み
ABEMA を次のフェーズへ進化させる技術への取り組み
Yusuke Goto
ABEMA の視聴品質向上戦術
ABEMA の視聴品質向上戦術
Yusuke Goto
Taipei Video Tech #5 talk : A Japanese Way to Maintain Constant Quality on St...
Taipei Video Tech #5 talk : A Japanese Way to Maintain Constant Quality on St...
Yusuke Goto
2019 年後半 海外動画技術動向
2019 年後半 海外動画技術動向
Yusuke Goto
A Japanese Way to Maintain Constant Quality on Streaming Chaotically Supplied...
A Japanese Way to Maintain Constant Quality on Streaming Chaotically Supplied...
Yusuke Goto
AbemaTV の課題と Demuxed 2019
AbemaTV の課題と Demuxed 2019
Yusuke Goto
Clarity 2019 で デザインシステムの課題は人なんだと痛感した話
Clarity 2019 で デザインシステムの課題は人なんだと痛感した話
Yusuke Goto
Nab Show 2019 報告会 - ATSC 3.0 / MOS / Machine Learning / 映像合成技術 編
Nab Show 2019 報告会 - ATSC 3.0 / MOS / Machine Learning / 映像合成技術 編
Yusuke Goto
AbemaTV プロダクトデザイン 2.0
AbemaTV プロダクトデザイン 2.0
Yusuke Goto
Story-Assured Design で開発チーム全員でデザインする
Story-Assured Design で開発チーム全員でデザインする
Yusuke Goto
KPI から生まれるアクセシビリティ
KPI から生まれるアクセシビリティ
Yusuke Goto
Atomic Design という名のデザイン整理術
Atomic Design という名のデザイン整理術
Yusuke Goto
既存のフローからアップデートするアジャイル・デザインフロー
既存のフローからアップデートするアジャイル・デザインフロー
Yusuke Goto
UI 開発をアジャイルに行うための Atomic Design
UI 開発をアジャイルに行うための Atomic Design
Yusuke Goto
(穴あり版) UI 開発をアジャイルに行うための Atomic Design (穴埋め解答版 → https://www.slideshare.net/y...
(穴あり版) UI 開発をアジャイルに行うための Atomic Design (穴埋め解答版 → https://www.slideshare.net/y...
Yusuke Goto
More from Yusuke Goto
(20)
RUM と STM で実現する動画視聴における信頼性エンジニアリング
RUM と STM で実現する動画視聴における信頼性エンジニアリング
Streaming Reliability Engineering
Streaming Reliability Engineering
2021 年春 ABEMA が Internet Explorer 11 の サポートを終了
2021 年春 ABEMA が Internet Explorer 11 の サポートを終了
より高品質なメディアサービスを目指す ABEMA の技術進化
より高品質なメディアサービスを目指す ABEMA の技術進化
conte - ABEMA's Design System
conte - ABEMA's Design System
ABEMA を次のフェーズへ進化させる技術への取り組み
ABEMA を次のフェーズへ進化させる技術への取り組み
ABEMA の視聴品質向上戦術
ABEMA の視聴品質向上戦術
Taipei Video Tech #5 talk : A Japanese Way to Maintain Constant Quality on St...
Taipei Video Tech #5 talk : A Japanese Way to Maintain Constant Quality on St...
2019 年後半 海外動画技術動向
2019 年後半 海外動画技術動向
A Japanese Way to Maintain Constant Quality on Streaming Chaotically Supplied...
A Japanese Way to Maintain Constant Quality on Streaming Chaotically Supplied...
AbemaTV の課題と Demuxed 2019
AbemaTV の課題と Demuxed 2019
Clarity 2019 で デザインシステムの課題は人なんだと痛感した話
Clarity 2019 で デザインシステムの課題は人なんだと痛感した話
Nab Show 2019 報告会 - ATSC 3.0 / MOS / Machine Learning / 映像合成技術 編
Nab Show 2019 報告会 - ATSC 3.0 / MOS / Machine Learning / 映像合成技術 編
AbemaTV プロダクトデザイン 2.0
AbemaTV プロダクトデザイン 2.0
Story-Assured Design で開発チーム全員でデザインする
Story-Assured Design で開発チーム全員でデザインする
KPI から生まれるアクセシビリティ
KPI から生まれるアクセシビリティ
Atomic Design という名のデザイン整理術
Atomic Design という名のデザイン整理術
既存のフローからアップデートするアジャイル・デザインフロー
既存のフローからアップデートするアジャイル・デザインフロー
UI 開発をアジャイルに行うための Atomic Design
UI 開発をアジャイルに行うための Atomic Design
(穴あり版) UI 開発をアジャイルに行うための Atomic Design (穴埋め解答版 → https://www.slideshare.net/y...
(穴あり版) UI 開発をアジャイルに行うための Atomic Design (穴埋め解答版 → https://www.slideshare.net/y...
Recently uploaded
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Antenna Manufacturer Coco
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
V3cube
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
apidays
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
Pixlogix Infotech
Recently uploaded
(20)
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
Atomic Design powered by React @ AbemaTV
1.
Atomic Design powered by
React @
2.
3.
4.
5.
6.
7.
8.
9.
10.
stockimages / FreeDigitalPhotos.net
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
responsible for data-fetching responsible
for rendering
32.
33.
34.
<AnnouncementItem announcement={{ title: “
", url: “http://ygoto3.com”, publishedAt: 1444050000 }} active />
35.
<AnnouncementItem announcement={{ title: “
", url: “http://ygoto3.com", publishedAt: 1444050000 }} read />
36.
<AnnouncementItem announcement={{ title: “
", url: “http://ygoto3.com", publishedAt: 1444050000 }} />
37.
38.
39.
40.
const Divider =
({ className }) => ( <hr className={className} /> ); <Divider className=“hoge” />
41.
const createCheckToggle =
( size ) => ({ id, checked, onClick }) => { const styleSize = styles[size]; return ( <div className={styles.container}> <input id={id} type="checkbox" defaultChecked={checked} className={styles.input} onChange={onClick.bind(null, id)} /> <label htmlFor={id} className={`${styleSize} ${styles.check}`} /> </div> ); }; export const CheckToggle = createCheckToggle("regular"); export const CheckToggleL = createCheckToggle("large");
42.
43.
44.
45.
46.
47.
48.
49.
MediaStore.media$ .subscribe((channels) => { this.setState({
channels }) });
50.
51.
👍
52.
53.
54.
Download now