Reading 29 Component Composition - liz-kavalski-401-advanced-javascript/seattle-javascript-401n13 GitHub Wiki

These are the concepts you should know in React.js (after you learn the basics)

  • Components have a 'life-cycle'
    • Do they only live once?
  • It start at 'mounting' which is the point where it first created.
  • Then it 'update' which is triggered every time there is a change in the props/states.
  • 'Unmounting' is when it removed from the DOM.
  • forceUpdate is a method that directly causes a re-render.
  • getDerivedStateFromError runs and you can update state to reflect that an error occurred.
  • A higher-order component is a function that takes a component and returns a new component.
  • What?
  • more info

A quick intro to React’s props.children

  • The simple explanation of what this.props.children does is that it is used to display whatever you include between the opening and closing tags when invoking a component.
  • Instead of invoking the component with a self-closing tag if you invoke it will full opening and closing tags you can then place more code between.
  • Has examples

A Simple React Router v4 Tutorial

  • There are three part to install the router:react-router, react-router-dom, and react-router-native. which are mostly packages
  • should be used when you have a server that will handle dynamic requests
  • should be used for static websites.
  • Creates a history object, which it uses to keep track of the current location 1 and re-render the website whenever that changes.
  • Go down to routes to learn more about how it works
⚠️ **GitHub.com Fallback** ⚠️