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

JavaScriptures 1 - React

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Artsy Open Source Artsy Open Source
April 09, 2018
Programming
410
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
680
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
580
JavaScriptures 5 - Babel & Webpack
Avatar for Artsy Open Source artsyopensource
0
630
JavaScriptures 4.2 - Local State
Avatar for Artsy Open Source artsyopensource
0
600
JavaScriptures 3 - Styled Components
Avatar for Artsy Open Source artsyopensource
1
480
JavaScriptures 4.1 - Relay
Avatar for Artsy Open Source artsyopensource
0
300
JavaScriptures 2 - TypeScript
Avatar for Artsy Open Source artsyopensource
0
400

Other Decks in Programming

See All in Programming
Webフレームワークの ベンチマークについて
Avatar for Yusuke Wada yusukebe
0
190
SLOをサービス品質の共通言語にするために 取り組んできたこと
Avatar for wakanaction wakana0222
0
270
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
3
820
はてなアカウント基盤 State of the Union
Avatar for cockscomb cockscomb
1
1.2k
Semantic Version 単位で戦略を柔軟に変えて、パッケージアップデートを自動化する
Avatar for daitasu daitasu
1
330
そのテスト、説明できますか？~LWテスト戦略FW~のご紹介
Avatar for Kei Nakahara nakahara
0
190
エンジニア向け会社紹介/Findy Company Profile
Avatar for Findy findyinc
6
360k
Spring Security 実践 ─ GraphQL APIで実務に役立つ 認証・認可 を学ぶ
Avatar for Wagyu wagyu
0
270
任せる範囲はこう広がった / How the Scope of AI Delegation Has Expanded
Avatar for nrs nrslib
1
220
SREは、MCPとSRE Agentをこう使え！
Avatar for kazumax55 kazumax55
0
130
「正の参照」と 「負の導出」で組む ハーネスエンジニアリング
Avatar for Masahiro Watanabe cottpan
1
110
例外の正しい扱い方 そのエラー try-catchして大丈夫？
Avatar for Watanabe Jin jinwatanabe
0
320

Featured

See All Featured
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
410
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
880
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
720
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
230
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.2k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.7k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.1k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k

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