JSFiddle - React, Tailwind, and code Playground

HTML

<main class="main">
  <aside>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit ea quod culpa distinctio dicta aut veritatis harum explicabo, corporis voluptas temporibus voluptate saepe dolor voluptatibus quisquam suscipit reprehenderit debitis aliquid?</aside>
  <div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda cum maxime id expedita accusantium eligendi autem molestiae sunt facere delectus suscipit nemo atque reprehenderit, tempore veniam qui aspernatur doloribus. Et?</div>
</main>
<button class="btn-open-menu">Нажми на меня и открой меню</button>

SCSS

main {
  transition: 0.2s ease-in;
  transform: none;
}

aside {
  position: absolute;
  top: 0;
  left: -200px;
  height: 100vh;
  width: 200px;
  background: red;
}

.content {
  background: green;
}

.btn-open-menu {
  float: right;
}

.btn-open-menu_state_open {
  transform: translate(200px, 0);
}

JavaScript

$('.btn-open-menu').click(function() {
	$('.main').toggleClass('btn-open-menu_state_open');
});