React Function Components

React Function Components

April 27, 2020
nodejs, react, function component, react hooks

Requirements:

  1. Create a React application and run it to get default page

  2. Remove all extant files

  3. Create a new App.js starter file

  4. Add a new function component that renders an input field and a button - call this Input

  5. Add a new function component that renders a table - call this Table

  6. Import and add both new function components as child components to the App

  7. On button onClick, push Input input field value prop to Table component

Advanced 1:

  1. Add bootstrap Material UI theming from -(bootstrap-material-design)[https://fezvrasta.github.io/bootstrap-material-design/]

Tech:

  • nodejs
  • npm
  • npx
  • react (create-react-app)