Davide Cantelli cant89

🏠

Working from home

Software Developer greatly focused on the front-end, passionate about design and photography, details and problem-solving oriented.

cant89 / twoFuncComp.js

Last active April 3, 2020 13:17

	import React, { useState, Fragment } from "react";

	const WelcomeMessage = ({ user }) => {
	console.log("render WelcomeMessage");
	return <label>Hello {user}</label>;
	};

	const Page = () => {
	const [user, setUser] = useState();
	console.log("render Page");

cant89 / twoClassComp.js

Last active April 1, 2020 10:30

	import React, { Fragment } from "react";

	class WelcomeMessage extends React.Component {
	render() {
	console.log("render WelcomeMessage");
	return <label>Hello {this.props.user}</label>;
	}
	}

	class Page extends React.Component {

cant89 / onePureClassComp.js

Last active April 1, 2020 10:29

	import React, { Fragment } from "react";

	class WelcomeMessage extends React.Component {
	render() {
	console.log("render WelcomeMessage");
	return <label>Hello {this.props.user}</label>;
	}
	}

	class Page extends React.PureComponent {

cant89 / onePureFuncComp.js

Last active July 22, 2020 10:03

	import React, { useState, Fragment } from "react";

	const WelcomeMessage = React.memo(({ name }) => {
	console.log("render WelcomeMessage");
	return <label>Hello {name}</label>;
	});

	const Page = () => {
	const [user, setUser] = useState({});
	console.log("render Page");

cant89 / shouldComponentUpdate.js

Last active April 3, 2020 14:59

	shouldComponentUpdate(nextProps, nextState){
	// your logic here
	}

cant89 / pureCompAreEqual.js

Created March 25, 2020 16:36

	function areEqual(){
	// your logic here
	}
	React.memo(MyWelcomeMessage, areEqual)

cant89 / granaroloDomicilio.json

Last active May 27, 2020 07:46

cant89 / reactQuery_0.js

Last active September 6, 2020 10:10

	const Todo = () => {
	const [loading, setLoading] = useState(true);
	const [error, setError] = useState();
	const [data, setData] = useState();

	const fetchTodo = useCallback(async () => {
	try {
	const res = await fetch("https://jsonplaceholder.typicode.com/todos/1");
	const json = await res.json();
	setData(json);

cant89 / reactQuery_1.js

Last active August 8, 2021 03:18

	const useFetch = (service) => {
	const [loading, setLoading] = useState(true);
	const [error, setError] = useState();
	const [data, setData] = useState();

	const fetchAPI = useCallback(async () => {
	try {
	const res = await fetch(service);
	const json = await res.json();
	setData(json);

cant89 / reactQuery_2.js

Last active September 11, 2020 18:56

	import { useQuery } from 'react-query';

	const fetchFirstTodo = async () => {
	try {
	const res = await fetch("https://jsonplaceholder.typicode.com/todos/1");
	const json = await res.json();
	return json;
	} catch (err) {
	throw err;
	}