ReactJS

cosmos 4th November 2016 at 2:43pm

A framework for Frontend web development

meteor + react

react basics

JSX

A very good library for a functional way of handling application state: Redux

Components

-> Class component. Can have state.

-> Stateless function component. Doesnt have state

Component properties (props)

Values and methods passed to a component when we use it (like arguments)

vid

proptypes, default properties

States

values and methods managed by the component itself.

vid

References (refs)

way of referencing an instance of a component from within a react app. It's like a DOM id of a component, that you can use to refer to that component.

vid

Component lifecycle

Adding or removing components to the dom is called mounting and unmounting. vid

updating. Even if we use shouldComponentUpdate to stop the component from rerendering, the state and props are still updated.

Higher order components

vid


http://andrewhfarmer.com/component-communication/