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​

Mura & ReactJs

By mccar2cm

Mura & ReactJs

Mura & ReactJs - some examples of integrating ReactJs with Mura

  • 147
Loading comments...