<p>I made videos instead of writing because I had to manipulate browsers.</p>
<h2 id="heading-1-history-stack">1. history stack</h2>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://www.youtube.com/watch?v=E8qEtaiYJ2o">https://www.youtube.com/watch?v=E8qEtaiYJ2o</a></div>
<h2 id="heading-2-pushstate-andamp-replacestate">2. pushState &amp; replaceState</h2>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://www.youtube.com/watch?v=HWdrlj3sMuo">https://www.youtube.com/watch?v=HWdrlj3sMuo</a></div>
<h2 id="heading-3-go-andamp-back-andamp-forward">3. go &amp; back &amp; forward</h2>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://www.youtube.com/watch?v=vQFyi3Vh3Zs">https://www.youtube.com/watch?v=vQFyi3Vh3Zs</a></div>
<h2 id="heading-4-state-andamp-examples">4. state &amp; examples</h2>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://www.youtube.com/watch?v=rVWh5DSPixc">https://www.youtube.com/watch?v=rVWh5DSPixc</a></div>


I made videos instead of writing because I had to manipulate browsers.

## 1. history stack

%[https://www.youtube.com/watch?v=E8qEtaiYJ2o]

## 2. pushState & replaceState

%[https://www.youtube.com/watch?v=HWdrlj3sMuo]

## 3. go & back & forward

%[https://www.youtube.com/watch?v=vQFyi3Vh3Zs]

## 4. state & examples

%[https://www.youtube.com/watch?v=rVWh5DSPixc]



examplist

examplist

History API

1. history stack

2. pushState & replaceState

3. go & back & forward

4. state & examples