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
420
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
690
The Artsy Omakase - Artsy x React Native 2018
Avatar for Artsy Open Source artsyopensource
1
1.2k
Learning How to Learn - Artsy x React Native
Avatar for Artsy Open Source artsyopensource
0
590
JavaScriptures 5 - Babel & Webpack
Avatar for Artsy Open Source artsyopensource
0
640
JavaScriptures 4.2 - Local State
Avatar for Artsy Open Source artsyopensource
0
610
JavaScriptures 3 - Styled Components
Avatar for Artsy Open Source artsyopensource
1
490
JavaScriptures 4.1 - Relay
Avatar for Artsy Open Source artsyopensource
0
300
JavaScriptures 2 - TypeScript
Avatar for Artsy Open Source artsyopensource
0
410

Other Decks in Programming

See All in Programming
Gmail/Google DriveをトリガーにAIエージェントを動かそう！ / Run AI agents with Gmail/Google Drive as triggers!
Avatar for Har1101 har1101
3
470
DynamoDBの基礎を振り返りながらベクトル検索機能を理解する
Avatar for 村上優稀 musan
3
270
[DroidKaigi 2026] Bring your own phones to Gradle Managed Devices
Avatar for Yury f2lk
0
110
レビュー履歴をAIに食わせて、 Compose移行を加速するs
Avatar for Yuki Shiho shihochan
0
260
型解析で実現する Go の言語内 DSL / Conference に Go! タイムテーブルの歩き方 for Gophers
Avatar for mazrean mazrean
0
130
go-spidermonkeyでAIエージェントのCode Modeを実装する
Avatar for syumai syumai
3
1.5k
XHTMLが残したもの
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
1
410
What We Talk About When We Talk About XP
Avatar for seki at druby.org m_seki
2
360
まだ間に合う！今年の夏こそSchemeのマクロ展開器を完全理解！
Avatar for Masanori Ogino omasanori
0
630
PHPプロジェクトの結合バランスを可視化する #php_night
Avatar for Takuma Kajikawa kajitack
0
220
DroidKaigi 2026 「個人開発という実験場: Android エンジニアが手にする4つの自由」
Avatar for SlashNephy slashnephy
0
220
数年滞っていたダークモード対応をおよそ2週間で完了させる
Avatar for Kazuki Chigita chigichan24
0
680

Featured

See All Featured
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
370
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
69
65k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
400
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
67
58k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.5k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.4k
HDC tutorial
Avatar for Michiel Stock michielstock
2
850
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
460

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