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

JavaScriptures 1 - React

Avatar for Artsy Open Source Artsy Open Source
April 09, 2018
Programming
400
0

JavaScriptures 1 - React

https://github.com/artsy/javascriptures/tree/master/1_intro-to-react

Avatar for Artsy Open Source

Artsy Open Source

April 09, 2018

More Decks by Artsy Open Source

See All by Artsy Open Source
Adding React Native to an Existing App - Artsy x React Native 2018
Avatar for Artsy Open Source artsyopensource
0
660
The Artsy Omakase - Artsy x React Native 2018
Avatar for Artsy Open Source artsyopensource
1
1.1k
Learning How to Learn - Artsy x React Native
Avatar for Artsy Open Source artsyopensource
0
560
JavaScriptures 5 - Babel & Webpack
Avatar for Artsy Open Source artsyopensource
0
620
JavaScriptures 4.2 - Local State
Avatar for Artsy Open Source artsyopensource
0
590
JavaScriptures 3 - Styled Components
Avatar for Artsy Open Source artsyopensource
1
470
JavaScriptures 4.1 - Relay
Avatar for Artsy Open Source artsyopensource
0
280
JavaScriptures 2 - TypeScript
Avatar for Artsy Open Source artsyopensource
0
390

Other Decks in Programming

See All in Programming
Vibe하게 만드는 Flutter GenUI App With ADK , 박제창, BWAI Incheon 2026
Avatar for JaiChangPark itsmedreamwalker
0
540
「効かない！」依存性注入（DI）を活用したAPI Platformのエラーハンドリング奮闘記
Avatar for Maki Hayashi mkmk884
0
310
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
Avatar for shogogg shogogg
2
840
Radical Imagining - LIFT 2025-2027 Policy Agenda
Avatar for LIFT lift1998
0
250
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
Avatar for Ryuta Hamasaki avosalmon
1
320
VueエンジニアがReactを触って感じた_設計の違い
Avatar for kouki.miura koukimiura
0
160
生成 AI 時代のスナップショットテストってやつを見せてあげますよ（α版）
Avatar for ojun ojun9
0
340
Kubernetes上でAgentを動かすための最新動向と押さえるべき概念まとめ
Avatar for Sota Makino sotamaki0421
3
440
実践ハーネスエンジニアリング #MOSHTech
Avatar for Takuma Kajikawa kajitack
7
6k
「話せることがない」を乗り越える 〜日常業務から登壇テーマをつくる思考法〜
Avatar for ShoheiMitani shoheimitani
2
210
CDK Deployのための ”反響定位”
Avatar for watany watany
1
510
Nuxt Server Components
Avatar for wattanx wattanx
0
260

Featured

See All Featured
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.6k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
930
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
510
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
930
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.9k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
260
It's Worth the Effort
Avatar for 3n 3n
188
29k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
94
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
260

Transcript

  1. React Let there be Props JavaScriptures I Luc & Orta

  2. Intro to React - Key Concepts (5 mins) - Coding

    Session (30 mins) - Explore React Native (10 mins) - Questions (10 mins)

  3. What is React? A Javascript Library for building user interfaces

  4. Key Concepts How does React work?

  5. DOM Document Object Model

  6. Virtual DOM React’s optimized version of DOM

  7. None

  8. React Backbone

  9. None
  10. None

  11. Live Examples