Loading presentation...

Present Remotely

Send the link below via email or IM


Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.



No description

Keith Yong

on 23 October 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of React.js

Web Components
<b>keithy:</b> Hey guys!
State vs Props
State and props are data, but props is immutable, and state is mutable.
Analogy: state is global variable, props is local variable in a function.
State usually stored in one big object, making it easy to refer to.
Best practice: use state carefully, use props always.
React Ecosystem
Builds React components, all libraries into a single bundle.min.js
Server side rendering
Babel for ES6
Brief Intro to React.js
class ChatMessage extends React.Component{
render() {
render (
<b>{this.props.username}</b>{": "}
message={"Hey guys!"}
Declare a component in ES6
Using the component in JSX
React renders component into HTML
Just the view
Virtual DOM
message={"Hey guys!"}
Full transcript