Код вірний але я би рекомендовувала використовувати в реальних проектах Promise.all. Коли є декілька запитів або більше. Це просто рекомендація
Рекомендації:
Одночасне завантаження даних: Використання Promise.all дозволяє ефективно завантажити і дані постів, і дані користувачів одночасно. Це зменшує час очікування та забезпечує синхронізацію даних.
Код вірний але я би рекомендовувала використовувати в реальних проектах Promise.all. Коли є декілька запитів або більше. Це просто рекомендація Рекомендації: Одночасне завантаження даних: Використання Promise.all дозволяє ефективно завантажити і дані постів, і дані користувачів одночасно. Це зменшує час очікування та забезпечує синхронізацію даних.
Promise.all([ fetch(urlPosts).then(response => response.json()), fetch(urlUsers).then(response => response.json()) ]).then(([posts, users]) => { const userIdMap = users.reduce((map, user) => { map[user.id] = user.name; return map; }, {});
const result = posts.map(post => template(post, userIdMap[post.userId])).join(''); document.getElementById("blog").innerHTML = result; }).catch(error => console.error('Error loading data:', error));