Mura & ReactJs

Feb 2017

Chris McCarty

What we'll talk about

• What is ReactJs
   
• Why use ReactJs
   
• ReactJs Basics
   
• Mura Integration
   
• Code Walkthrough

What is ReactJs

• Javascript Library used for building UI
   
• Created by Facebook, open source
   
• Think of it as the View in MVC
   
• Works great for large scale applications
   
• Used by Facebook, Instagram, Netflix, Imgur, Airbnb, Walmart

Why Use ReactJs

• JSX (HTML and JS coexisting!)
   
• Components are cool
   
• Efficient & fast

ReactJs Basics

• Tools
   
• Components
   
• ES6
   
• Bind, props and import/export
   
• State

Mura Integration

• Mura 7 Display Objects
   
• Mura API
   
• Bundler
   

Code Walkthrough

• Create New Display Object
   
• React App talks to Mura API
   
• Update React State
   
• React Magic

Resources

* Developing web apps - Steve presentation

http://www.getmura.com/webinars/super-fast-app-dev-with-mura-7/
 

* Wes Bos - React For Beginners & ES6
https://reactforbeginners.com/

* Thinking in React

https://facebook.github.io/react/docs/thinking-in-react.html​