Базовая идея
Точка (obj.name) короче, но только для валидных идентификаторов. Скобки (obj['name']) гибче: любые строки, переменные, спецсимволы.
Подробности
const obj = { name: 'Alice', 'favorite color': 'blue' };
console.log(obj.name);
console.log(obj['favorite color']);
const key = 'name';
console.log(obj[key]);
Динамический ключ — почти всегда скобки. С точкой нельзя писать пробелы и большинство спецсимволов.
Итог
Точка — для известных идентификаторов; скобки — для динамических и «необычных» имён.