【【心有猛虎】react-lesson】的更多相关文章

[React] React Fundamentals: Mixins

Mixins will allow you to apply behaviors to multiple React components. Components are the best way to reuse code in React, but sometimes very different components may share some common functionality. These are sometimes called cross-cutting concerns.…

[React] React Fundamentals: Component Lifecycle - Updating

The React component lifecycle will allow you to update your components at runtime. This lesson will explore how to do that. Updating: componentWillReceiveProps componentWillReceiveProps(object nextProps) Invoked when a component is receiving new prop…

[React] React Fundamentals: Component Lifecycle - Mounting Basics

React components have a lifecycle, and you are able to access specific phases of that lifecycle. This lesson will introduce mounting and unmounting of your React components. Mounting: componentWillMount Invoked once, both on the client and server, im…

[React] React Fundamentals: transferPropsTo

the transferPropsTo method lets you easily push properties into your components to easily customize attributes. From last two exmaples, we have BButton adn BHeart set up. var BButton = React.createClass({ render: function() { return ( <a className=&quo…

[React] React Fundamentals: Accessing Child Properties

When you're building your React components, you'll probably want to access child properties of the markup. Parent can read its children by accessing the special this.props.children prop.this.props.children is an opaque data structure: use the React.C…

[React] React Fundamentals: Using Refs to Access Components

When you are using React components you need to be able to access specific references to individual components. This is done by defining a ref. <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <…

[React] React Fundamentals: Owner Ownee Relationship

The owner-ownee relationship is used to designate a parent-child relationship with React components as it differs from the DOM relationship. When one component renders another component, this is what React refers to as the "owner-ownee relationship,&…

[React] React Fundamentals: State Basics

State is used for properties on a component that will change, versus static properties that are passed in. This lesson will introduce you to taking input within your React components. Properties vs. State When you think of properties, you should be t…

[React] React Fundamentals: First Component

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>React Lesson 0</title> </head> <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.12.2/react.…

[React] React Fundamentals: with-addons - ReactLink

It can be tedious to type out all the boilerplate needed to get the DOM and states in React to synchronize. Luckily, React provides a version of the toolkit with a selection of available addons. This lesson is going to dig into ReactLink, and how thi…