SlideShare a Scribd company logo

Backbone + React

Micah Wood, profile picture
Micah Wood

The document discusses the integration of Backbone and React, outlining project background, setup, and code flaws. It covers key React concepts such as components, props, state, and lifecycle methods, emphasizing best practices like avoiding direct DOM manipulation. Additionally, it includes information on accessing collection and model data within the framework.

Technology
1 of 40
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
Backbone + React Micah Wood @wpscholar http://wpscholar.com
Project Background
Enterprise Project Custom Page Builder
Actual Code Flaws Included
Project Setup
Models and Collections
Components
Gulp Task Runner
Node Modules for the Browser
Browserify Transform Reactify
- - Component Backbone Mixins for React
JSX Syntax
Root Element
Self-Closing Tags
Camel Case Attributes
Magic Attributes
Boolean Attributes
Form Fields
Ternary Operators
Keys
React Basics
Render Method
One-Way Data Flow
Props vs State
Initialization
Property Types
Controlled Components
Nested Components
Nested Components
Life Cycle Methods
Accessing the DOM
Don’t Manipulate the DOM!
Dynamic Instantiation
React + Backbone
The Mixin
Accessing Collection Data
Backbone + React
Accessing Model Data
Accessing Model Data
Questions? Micah Wood @wpscholar http://wpscholar.com

More Related Content

PPTX
State management in react applications (Statecharts)
Tomáš Drenčák
 
PDF
Clojure - Why does it matter?
Falko Riemenschneider
 
PDF
State Management in Angular/React
DEV Cafe
 
PPTX
Дмитрий Тежельников «Разработка вэб-решений с использованием Asp.NET.Core и ...
MskDotNet Community
 
PPTX
Speeding Up uPortal with ReactJS
bpowell29a
 
DOCX
Web 10mca556 syllabs
Ramesh Bindu
 
PDF
Blazor certification training - Dot Net Tricks
Gaurav Singh
 
PPTX
Web Browser Controls in Adlib: The Hidden Diamond in the Adlib Treasure Chest
Axiell ALM
 
State management in react applications (Statecharts)
Tomáš Drenčák
 
Clojure - Why does it matter?
Falko Riemenschneider
 
State Management in Angular/React
DEV Cafe
 
Дмитрий Тежельников «Разработка вэб-решений с использованием Asp.NET.Core и ...
MskDotNet Community
 
Speeding Up uPortal with ReactJS
bpowell29a
 
Web 10mca556 syllabs
Ramesh Bindu
 
Blazor certification training - Dot Net Tricks
Gaurav Singh
 
Web Browser Controls in Adlib: The Hidden Diamond in the Adlib Treasure Chest
Axiell ALM
 

What's hot (14)

PPTX
Introduction to Webcomponents
Harish Karthick
 
ODP
iPhone Web Development and Ruby On Rails
Jose de Leon
 
PPT
Ajax
AdamGyohannes
 
PPTX
Lesson(1) hibernate course overview
mostafabelal9
 
PPT
Performance anti patterns in ajax applications
SergeyChernyshev
 
PPT
TSSJS2010 Presenatation on: Performance Anti Patterns In Ajax Applications
guestc75cdc
 
PDF
Server-side React with Headless CMS – Exove
Exove
 
PPTX
Overview of AJAX
Roshith S Pai
 
PDF
Editable Documents on the Web
Markku Laine
 
PPTX
The web as it should be
thebeebs
 
PPTX
Sasaki practical-linked-data
Felix Sasaki
 
PDF
Single page applications with backbone js
Gil Fink
 
PPTX
Web Forms, or How I Learned to Stop Worrying and Love Web Services
hannonhill
 
PPTX
Microsoft Graph community call-December 2018
Microsoft 365 Developer
 
Introduction to Webcomponents
Harish Karthick
 
iPhone Web Development and Ruby On Rails
Jose de Leon
 
Ajax
AdamGyohannes
 
Lesson(1) hibernate course overview
mostafabelal9
 
Performance anti patterns in ajax applications
SergeyChernyshev
 
TSSJS2010 Presenatation on: Performance Anti Patterns In Ajax Applications
guestc75cdc
 
Server-side React with Headless CMS – Exove
Exove
 
Overview of AJAX
Roshith S Pai
 
Editable Documents on the Web
Markku Laine
 
The web as it should be
thebeebs
 
Sasaki practical-linked-data
Felix Sasaki
 
Single page applications with backbone js
Gil Fink
 
Web Forms, or How I Learned to Stop Worrying and Love Web Services
hannonhill
 
Microsoft Graph community call-December 2018
Microsoft 365 Developer
 
Ad

Viewers also liked (10)

PDF
Fast mobile web apps
Ivano Malavolta
 
PDF
Backbone JS for mobile apps
Ivano Malavolta
 
PDF
Angular or Backbone: Go Mobile!
Doris Chen
 
PDF
Angular2
Sergey Melekhin
 
PPT
Backbone.js
Knoldus Inc.
 
PDF
"Angular 2: Всех переиграл" Евгений Жарков
Fwdays
 
PDF
React Tech Salon
Chenguang ZHANG
 
PPTX
Angular vs Angular 2 vs React. Сергей Александров
EatDog
 
PDF
Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей ...
Ontico
 
PPTX
AngularJS2 vs VueJS2 (ru)
chaykaborya
 
Fast mobile web apps
Ivano Malavolta
 
Backbone JS for mobile apps
Ivano Malavolta
 
Angular or Backbone: Go Mobile!
Doris Chen
 
Angular2
Sergey Melekhin
 
Backbone.js
Knoldus Inc.
 
"Angular 2: Всех переиграл" Евгений Жарков
Fwdays
 
React Tech Salon
Chenguang ZHANG
 
Angular vs Angular 2 vs React. Сергей Александров
EatDog
 
Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей ...
Ontico
 
AngularJS2 vs VueJS2 (ru)
chaykaborya
 
Ad

Similar to Backbone + React (20)

PPTX
Metaworks4 intro
uEngine Solutions
 
PDF
Introduction to share point 2010 development
Eric Shupps
 
PDF
Full stack Web Development Summer Training
Upflairs Pvt Ltd
 
ODP
Modelibra Software Family
dzenanr
 
PDF
2018 02-22 React, Redux & Building Applications that Scale | React
Codifly
 
PPTX
Better web apps with React and Redux
Ali Sa'o
 
PDF
Matheus Marsiglio - Isomorphic React + Redux App
React Conf Brasil
 
PDF
JOSA TechTalks - Better Web Apps with React and Redux
Jordan Open Source Association
 
KEY
Cross-Platform Mobile Chemistry Apps
Richard Apodaca
 
PDF
MERN Stack Developer Course Syllabus
NxtWave
 
PPTX
Lightning web components - Introduction, component Lifecycle, Events, decorat...
Nidhi Sharma
 
PDF
Meteor + Polymer
wolf4ood
 
PDF
Meteor - Codemotion Rome 2015
Codemotion
 
PDF
Component Based Development
Ben McCormick
 
PDF
Zotonic presentation Erlang Camp Boston, august 2011
Arjan
 
PDF
Object- Relational Persistence in Smalltalk
ESUG
 
PPTX
Milwaukee JS - Live binding with CanJS
Stan Carrico
 
PPTX
React, Flux and more (p1)
tuanpa206
 
PDF
Understanding Facebook's React.js
Federico Torre
 
PPTX
Deep dive into React Portals
Souvik Basu
 
Metaworks4 intro
uEngine Solutions
 
Introduction to share point 2010 development
Eric Shupps
 
Full stack Web Development Summer Training
Upflairs Pvt Ltd
 
Modelibra Software Family
dzenanr
 
2018 02-22 React, Redux & Building Applications that Scale | React
Codifly
 
Better web apps with React and Redux
Ali Sa'o
 
Matheus Marsiglio - Isomorphic React + Redux App
React Conf Brasil
 
JOSA TechTalks - Better Web Apps with React and Redux
Jordan Open Source Association
 
Cross-Platform Mobile Chemistry Apps
Richard Apodaca
 
MERN Stack Developer Course Syllabus
NxtWave
 
Lightning web components - Introduction, component Lifecycle, Events, decorat...
Nidhi Sharma
 
Meteor + Polymer
wolf4ood
 
Meteor - Codemotion Rome 2015
Codemotion
 
Component Based Development
Ben McCormick
 
Zotonic presentation Erlang Camp Boston, august 2011
Arjan
 
Object- Relational Persistence in Smalltalk
ESUG
 
Milwaukee JS - Live binding with CanJS
Stan Carrico
 
React, Flux and more (p1)
tuanpa206
 
Understanding Facebook's React.js
Federico Torre
 
Deep dive into React Portals
Souvik Basu
 

More from Micah Wood (18)

PPTX
Introduction to JSX
Micah Wood
 
PDF
WP-CLI For The Win
Micah Wood
 
PDF
Using Chrome Dev Tools
Micah Wood
 
PDF
Shortcodes In-Depth
Micah Wood
 
PDF
Becoming a WordPress Coding Master
Micah Wood
 
PDF
Debugging in PHP
Micah Wood
 
PDF
WordPress Hooks
Micah Wood
 
PDF
The Modern JavaScript Developers Toolbox
Micah Wood
 
PDF
Using Composer with WordPress
Micah Wood
 
PDF
An Introduction to PHP Classes
Micah Wood
 
PDF
Advanced Development Workflows
Micah Wood
 
PDF
Testing Made Easy
Micah Wood
 
PDF
Debugging in PHP
Micah Wood
 
PDF
Troubleshooting WordPress Issues
Micah Wood
 
PDF
Using Composer with WordPress - 2.0
Micah Wood
 
PDF
Using composer with WordPress
Micah Wood
 
PDF
Sanitizing, Validating and Escaping in WordPress Themes and Plugins
Micah Wood
 
PPTX
Getting Started with Vagrant
Micah Wood
 
Introduction to JSX
Micah Wood
 
WP-CLI For The Win
Micah Wood
 
Using Chrome Dev Tools
Micah Wood
 
Shortcodes In-Depth
Micah Wood
 
Becoming a WordPress Coding Master
Micah Wood
 
Debugging in PHP
Micah Wood
 
WordPress Hooks
Micah Wood
 
The Modern JavaScript Developers Toolbox
Micah Wood
 
Using Composer with WordPress
Micah Wood
 
An Introduction to PHP Classes
Micah Wood
 
Advanced Development Workflows
Micah Wood
 
Testing Made Easy
Micah Wood
 
Debugging in PHP
Micah Wood
 
Troubleshooting WordPress Issues
Micah Wood
 
Using Composer with WordPress - 2.0
Micah Wood
 
Using composer with WordPress
Micah Wood
 
Sanitizing, Validating and Escaping in WordPress Themes and Plugins
Micah Wood
 
Getting Started with Vagrant
Micah Wood
 

Recently uploaded (20)

PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
PPTX
Machine Learning_overview_presentation.pptx
kondavamsidharreddy2
 
PPTX
MYSQL Presentation for SQL database connectivity
Swati270511
 
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
PDF
NewMind AI Weekly Chronicles - August'25-Week II
NewMind AI
 
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
PPTX
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
PPTX
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
PDF
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
PPTX
Cloud computing and distributed systems.
kkkkkhan
 
PDF
A comparative analysis of optical character recognition models for extracting...
IAESIJAI
 
PPTX
Spectroscopy.pptx food analysis technology
nawahassan45
 
PDF
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
PPTX
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
ZubinRadhakrishnan
 
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
PDF
Encapsulation theory and applications.pdf
gurumoop
 
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
23bcla24
 
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
Machine Learning_overview_presentation.pptx
kondavamsidharreddy2
 
MYSQL Presentation for SQL database connectivity
Swati270511
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
NewMind AI Weekly Chronicles - August'25-Week II
NewMind AI
 
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
Cloud computing and distributed systems.
kkkkkhan
 
A comparative analysis of optical character recognition models for extracting...
IAESIJAI
 
Spectroscopy.pptx food analysis technology
nawahassan45
 
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
“AI and Expert System Decision Support & Business Intelligence Systems”
ZubinRadhakrishnan
 
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
Encapsulation theory and applications.pdf
gurumoop
 
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
23bcla24
 

Backbone + React