• Work in a fork of this repository
• Work in a branch on your fork
• Write all of your code in a directory named lab- + <your name> e.g. lab-duncan
• Submit a pull request to this repository
• Submit a link to your pull request on canvas
• Submit a question, observation, and how long you spent on canvas

• Students will learn to test react components using jest and enzyme
• Students will learn to manage controlled inputs
• Students will learn to pass data from parent to child through props

Your lab directory must include

• README.md -- with documentation about your lab
• .gitignore -- with a robust gitignore
• .eslintrc.json -- with the class .eslintrc.json file
• .eslintignore -- with the class .eslintignore
• .babelrc -- with all dependencies and dev-dependencies
• package.json -- with all dependencies and dev-dependencies
• yarn.lock -- with the yarn lockfile
• webpack.config.js -- with webpack config
• src/ -- containing the frontend code
• src/main.js -- containing the entire app
• src/style -- containing your sass
• src/style/main.scss -- containing the frontend code

Create the following components and structure them according to the following diagram

App
  SearchForm
  SearchResultList

• should contain all of the application state
• should contain methods for modifying the application state
• the state should have a topics array for holding the results of the search

• should contain a text input for the user to supply a reddit board to look up
• should contain a number input for the user to limit the number of results to return
  • the number must be more than 0 and less than 100
  • onSubmit the form should make a request to reddit
  • it should make a get request to http://reddit.com/r/${searchFormBoard}.json?limit=${searchFormLimit}
  • on success it should pass the results to the application state
  • on failure it should add a class to the form called error and turn the form's inputs borders red

• Should inherit all search results through props
• This component does not need to have its own state
• If there are topics in the application state it should display an unordered list
• Each list item in the unordered list should contain the following
  • an anchor tag with a href to the topic.url
    • inside the anchor a heading tag with the topic.title
    • inside the anchor a p tag with the number of topic.ups

• no testing today

Write a description of the project in your README.md