Franco D'Alessio francodalessio

## hello-world-react-create-element.html
<!DOCTYPE html>
<html>
  <head>
    <title>Hello World</title>
    <meta charset="UTF-8" />
  </head>

  <body>
    <div id="root"></div>
    <script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>

## hello-world-vanilla-js.html
<!DOCTYPE html>
<html>
  <head>
    <title>Hello World</title>
    <meta charset="UTF-8" />
  </head>

  <body>
    <div id="root"></div>
    <script type="text/javascript">

## TodoAppWithUseInputAndUseArray.js
import React from "react";
import useInput from "./hooks/useInput";
import "./TodoApp.css";
import useArray from "./hooks/useArray";

export default function TodoApp() {
  const [todo, setTodo, resetTodo] = useInput("");
  const todos = useArray([]);

  const onSubmit = e => {

## useArray.js
import React, { useState } from "react";

function useArray(initialList) {
  const [list, setList] = useState(initialList);

  return {
    list,
    addItem: newItemText => {
      setList([
        ...list,

## TodoAppWithUseInput.js
import React from "react";
import useInput from "./hooks/useInput";
import "./TodoApp.css";

export default function TodoApp() {
  const [todo, setTodo, resetTodo] = useInput("");
  const [todos, setTodos] = React.useState([]);

  const addTodo = () => {
    setTodos([

## useInput.js
import { useState } from "react";

function useInput(initialValue) {
  const [state, setState] = useState(initialValue);

  const handleChange = e => {
    setState(e.target.value);
  };

  const reset = () => {

## TodoApp.js
import React from "react";
import "./TodoApp.css";

export default function TodoApp() {
  const [todo, setTodo] = React.useState("");
  const [todos, setTodos] = React.useState([]);

  const handleChange = e => {
    setTodo(e.target.value);
  };
	<!DOCTYPE html>
	<html>
	<head>
	<title>Hello World</title>
	<meta charset="UTF-8" />
	</head>

	<body>
	<div id="root"></div>
	<script src="https://unpkg.com/react@16.12.0/umd/react.development.js"></script>
	import React from "react";
	import useInput from "./hooks/useInput";
	import "./TodoApp.css";
	import useArray from "./hooks/useArray";

	export default function TodoApp() {
	const [todo, setTodo, resetTodo] = useInput("");
	const todos = useArray([]);

	const onSubmit = e => {
	import React, { useState } from "react";

	function useArray(initialList) {
	const [list, setList] = useState(initialList);

	return {
	list,
	addItem: newItemText => {
	setList([
	...list,
	import { useState } from "react";

	function useInput(initialValue) {
	const [state, setState] = useState(initialValue);

	const handleChange = e => {
	setState(e.target.value);
	};

	const reset = () => {