Franco D'Alessio francodalessio

Web developer and UI/UX Design enthusiast. Adaptable and self motivated learner. Interested in new technologies and continuous self improvement.

francodalessio / hello-world-react-create-element.html

Last active April 10, 2020 14:17

	<!DOCTYPE html>
	<html>
	<head>
	<title>Hello World</title>
	<meta charset="UTF-8" />
	</head>

	<body>
	<div id="root"></div>
	<script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>

francodalessio / hello-world-vanilla-js.html

Created April 10, 2020 14:04

francodalessio / TodoAppWithUseInputAndUseArray.js

Created April 1, 2020 03:02

	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 => {

francodalessio / useArray.js

Created April 1, 2020 03:00

	import React, { useState } from "react";

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

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

francodalessio / TodoAppWithUseInput.js

Created April 1, 2020 02:38

	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([

francodalessio / useInput.js

Created March 31, 2020 22:59

	import { useState } from "react";

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

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

	const reset = () => {

francodalessio / TodoApp.js

Created March 31, 2020 22:38

	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);
	};