Assessment Prep

• Open notes assessment:
  • React Router documentation
  • React documentation
  • Mozilla Developer Network
  • Any of your previous projects or assessments
  • Any notes
• 2 hours 30 min project assessment
• No MC’s
• No short answers

How to Prepare

Be able to do the projects mostly without instructions

• Some projects to look at:
  • Simple Calculator
    • Intro to State
    • Class Components
  • Widgets - Clock part
    • Lifecycle
  • Context To-Do List
    • Context
    • Class Components
    • Functional Components
  • Tweets Revisited
    • Context
    • Routes
    • Class Components
    • Functional Components
• Know how to use Functional components
  • Review Day 1 + 2 Material
• Know how to use Class components
  • Review Day 3 Material
  • this.state
  • this.setState
  • Forms
  • lifecycle methods
    • componentDidMount
    • componentDidUpdate
    • componentWillUnmount
• Know how to use react-router-dom
  • Review Day 4 Material
  • Switch component
  • Route component, props: path, exact, render, component
    • use exact unless specified otherwise
  • NavLink component, props: to, activeClassName
• Know how to use Context with dynamic values
  • Review Day 5 Material
  • React.createContext
  • providers
  • consumers
    • how to access the value of the context in a component
      • <ContextName.Consumer>
        • For both Functional AND Class components
      • static contextType = ContextName;
        • For Class component ONLY
  • how to update the value of a context

Practice

Practice Assessment

Practice Assessment Zip

Practice Assessment Solution Zip