title: How to use HTML with JS in React app to export component
body: <p>I am building <strong>MERN</strong> project and in <code>react</code> part I got:</p>
  <pre class="lang-sh prettyprint-override"><code>- src/
    - components/
      - AdminPage/
        - admin-page.html
        - admin-page.css
        - admin-page.js
  </code></pre>
  <p>So the problem is in <code>App.js</code>:<br/>How could I use regular html, css, js and not ``react in <code>&lt;AdminPage/&gt;</code> component:</p>
  <pre class="lang-js prettyprint-override"><code>import React from 'react';
  import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
  
  import HomePage from './components/HomePage/HomePage.component';
  import LoginPage from '../src/components/LoginPage/LoginPage.component';
  import RegisterPage from '../src/components/RegisterPage/RegisterPage.component';
  import UserPage from '../src/components/UserPage/UserPage.component';
  import AdminPage from '../src/components/AdminPage/AdminPage.component';
  </code></pre>
  <p>Is there way NOT to use the classic way like
  <code>AdminPage.component.jsx</code> and from there export the component; <strong>how could I do that with regular html, css and js</strong>?</p>