Rename all files to CamelCase

app/javascript/packs/frontend.tsx

@@ -4,7 +4,7 @@ import {render} from 'react-dom';
 document.addEventListener(
   'DOMContentLoaded',
   (): void => {
-    import('./frontend/app').then(
+    import('./frontend/App').then(
       ({default: App}): void => {
         render(<App />, document.querySelector('main[id="app"]'));
       }

app/javascript/packs/frontend/app.tsx → app/javascript/packs/frontend/App.tsx

@@ -2,12 +2,12 @@ import React, {lazy, Suspense} from 'react';
 import {BrowserRouter, Route, Link, Switch} from 'react-router-dom';
 import {hot} from 'react-hot-loader/root';
 
-import ApplicationLayout from './components/layout/application_layout';
+import ApplicationLayout from './components/layout/ApplicationLayout';
 
-const Pokemon = lazy((): Promise<any> => import('./components/pages/pokemon'));
-const NotFound = lazy((): Promise<any> => import('./components/pages/not_found'));
-const TestComponent = lazy((): Promise<any> => import('./components/test_component'));
-const RelayComponent = lazy((): Promise<any> => import('./components/relay_component'));
+const Pokemon = lazy((): Promise<any> => import('./components/pages/Pokemon'));
+const NotFound = lazy((): Promise<any> => import('./components/pages/NotFound'));
+const TestComponent = lazy((): Promise<any> => import('./components/TestComponent'));
+const RelayComponent = lazy((): Promise<any> => import('./components/RelayComponent'));
 
 import './assets/stylesheets/app.scss';
 

app/javascript/packs/frontend/components/pages/pokemon.tsx → app/javascript/packs/frontend/components/pages/Pokemon.tsx

@@ -2,10 +2,10 @@ import React, {lazy, Suspense} from 'react';
 import PropTypes from 'prop-types';
 import {Route, Switch, RouteComponentProps} from 'react-router-dom';
 
-const PokemonShow = lazy((): Promise<any> => import('./pokemon/show'));
-const PokemonIndex = lazy((): Promise<any> => import('./pokemon/index'));
+const PokemonShow = lazy((): Promise<any> => import('./pokemon/Show'));
+const PokemonIndex = lazy((): Promise<any> => import('./pokemon/Index'));
 
-import NotFound from './not_found';
+import NotFound from './NotFound';
 
 function Pokemon({match}: RouteComponentProps<void>): React.FunctionComponentElement<void> {
   return (