React Logging Examples

logging.jsx

// Same as useEffect in <App> but abstracted
function useLog(...values) {
	useEffect(() => {
		console.log(...values)
	}, values)
}

function App() {
	const [todos, setTodos] = useState([]);

	// Logs on every update.
	console.log(todos);
	
	// Logs on every change to todos.
	useEffect(() => {
		console.log(todos);
	}, [todos]);
	
	// Abstracted
	useLog(todos);
	
	return null;
}