Роутинг и рендеринг страниц на стороне клиента с помощью History API и динамического импорта

[BigDflz]

столько кода и только для того чтоб загрузить данные и потом их обработать, а этот код ещё надо загрузить…
и все это вместо того, чтоб сразу загрузить нужное…

[monochromer]

<a data-url="home">Home</a>

const { url } = target.dataset

Тут ломается веб: ссылку нельзя скопировать, нельзя открыть в новой вкладке, нельзя добавить в закладки и нельзя многое другое, к чему привык пользователь с его браузером.

[pepelsbey]

…на неё нельзя попасть и активировать с клавиатуры, это по сути <span>. Ссылкой её делает именно href.

[paxarpp]

а динамический импорт где?

[qant]

Вот он:
const newPage = await import(`./pages/${url}.js`)