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
0
390

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
Tweet

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
590
The Artsy Omakase - Artsy x React Native 2018
Avatar for Artsy Open Source artsyopensource
1
1k
Learning How to Learn - Artsy x React Native
Avatar for Artsy Open Source artsyopensource
0
510
JavaScriptures 5 - Babel & Webpack
Avatar for Artsy Open Source artsyopensource
0
550
JavaScriptures 4.2 - Local State
Avatar for Artsy Open Source artsyopensource
0
500
JavaScriptures 3 - Styled Components
Avatar for Artsy Open Source artsyopensource
1
440
JavaScriptures 4.1 - Relay
Avatar for Artsy Open Source artsyopensource
0
270
JavaScriptures 2 - TypeScript
Avatar for Artsy Open Source artsyopensource
0
380

Other Decks in Programming

See All in Programming
Scale out your Claude Code ~⁨⁩自社専用Agentで10xする開発プロセス~
Avatar for Yuku Kotani yukukotani
9
2.2k
CEDEC 2025 『ゲームにおけるリアルタイム通信への QUIC導入事例の紹介』
Avatar for SEGADevTech segadevtech
3
880
物語を動かす行動"量" #エンジニアニメ
Avatar for konifar konifar
14
5k
バイブコーディングの正体——AIエージェントはソフトウェア開発を変えるか？
Avatar for Shinichi Takayanagi stakaya
5
930
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
Avatar for teamLab teamlab
PRO
0
480
サイトを作ったらNFCタグキーホルダーを爆速で作れ！
Avatar for Yuuki Shimizu yuukis
0
330
GitHub Copilotの全体像と活用のヒント AI駆動開発の最初の一歩
Avatar for 74th(Atsushi Morimoto) 74th
7
2.8k
Google I/O recap web編 大分Web祭り2025
Avatar for kponda kponda
0
2.9k
Nuances on Kubernetes - RubyConf Taiwan 2025
Avatar for Andrey Novikov envek
0
160
MCP連携で加速するAI駆動開発/mcp integration accelerates ai-driven-development
Avatar for BPStudy bpstudy
0
300
STUNMESH-go: Wireguard NAT穿隧工具的源起與介紹
Avatar for Date Huang tjjh89017
0
370
Bedrock AgentCore ObservabilityによるAIエージェントの運用
Avatar for matsukada licux
9
680

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
301
21k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
110
20k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Making Projects Easy
Avatar for Brett Harned brettharned
117
6.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k

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