= memo(() => {
14 | return (
15 | <>
16 |
17 | I'm REACT_APP_TEXT from .env
18 | 
19 |
20 |
21 |
22 |
23 |
24 | }>
25 |
26 |
27 |
28 |
29 | )
30 | })
31 | Index.displayName = 'Index'
32 |
33 | export default Index
34 |
--------------------------------------------------------------------------------
/src/pages/Notfound/index.module.css:
--------------------------------------------------------------------------------
1 | .container {
2 | min-height: 100vh;
3 | }
4 |
5 | .h1 {
6 | font-size: 3.75rem;
7 | line-height: 1;
8 | }
9 |
--------------------------------------------------------------------------------
/src/pages/Notfound/index.tsx:
--------------------------------------------------------------------------------
1 | import React, { memo } from 'react'
2 |
3 | import styles from './index.module.css'
4 |
5 | const Notfound: React.FC = memo(() => (
6 |
7 |
404: Page Not Found
8 |
9 | ))
10 | Notfound.displayName = 'Notfound'
11 |
12 | export default Notfound
13 |
--------------------------------------------------------------------------------
/src/router.tsx:
--------------------------------------------------------------------------------
1 | import { createBrowserRouter } from 'react-router'
2 |
3 | import Layout from './components/Layout/Layout'
4 | import Index from './pages/Index'
5 | import Notfound from './pages/Notfound'
6 |
7 | const router = createBrowserRouter([
8 | {
9 | path: '/',
10 | element: (
11 |
12 |
13 |
14 | ),
15 | },
16 | {
17 | path: '*',
18 | element: (
19 |
20 |
21 |
22 | ),
23 | },
24 | ])
25 |
26 | export default router
27 |
--------------------------------------------------------------------------------
/src/setupTests.ts:
--------------------------------------------------------------------------------
1 | import '@testing-library/jest-dom/vitest'
2 |
3 | import { server } from '../mocks/server'
4 |
5 | beforeAll(() => server.listen({ onUnhandledRequest: 'error' }))
6 |
7 | afterEach(() => server.resetHandlers())
8 |
9 | afterAll(() => server.close())
10 |
--------------------------------------------------------------------------------
/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | ///
2 | ///
3 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ESNext",
4 | "useDefineForClassFields": true,
5 | "lib": ["DOM", "DOM.Iterable", "ESNext"],
6 | "allowJs": true,
7 | "skipLibCheck": true,
8 | "esModuleInterop": true,
9 | "allowSyntheticDefaultImports": true,
10 | "strict": true,
11 | "forceConsistentCasingInFileNames": true,
12 | "module": "ESNext",
13 | "moduleResolution": "Bundler",
14 | "resolveJsonModule": true,
15 | "isolatedModules": true,
16 | "noEmit": true,
17 | "jsx": "react-jsx",
18 | "baseUrl": ".",
19 | "paths": {
20 | "@/*": ["./src/*"]
21 | },
22 | "types": ["vitest/globals", "@testing-library/jest-dom"]
23 | },
24 | "include": [
25 | "./src",
26 | "./@types",
27 | "./mocks",
28 | "scripts",
29 | "./**.js",
30 | "./**.ts",
31 | "eslint.config.mjs"
32 | ],
33 | "exclude": ["dist"]
34 | }
35 |
--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
1 | import * as path from 'path'
2 |
3 | import react from '@vitejs/plugin-react-swc'
4 | import { defineConfig } from 'vite'
5 | import EnvironmentPlugin from 'vite-plugin-environment'
6 |
7 | // https://vitejs.dev/config/
8 | export default defineConfig({
9 | build: {
10 | sourcemap: true,
11 | },
12 | plugins: [react(), EnvironmentPlugin(['REACT_APP_TEXT'])],
13 | publicDir: 'public',
14 | server: {
15 | host: true,
16 | port: 3000,
17 | },
18 | resolve: {
19 | alias: {
20 | '@': path.resolve(__dirname, './src'),
21 | },
22 | },
23 | })
24 |
--------------------------------------------------------------------------------
/vitest.config.ts:
--------------------------------------------------------------------------------
1 | import path from 'node:path'
2 |
3 | import EnvironmentPlugin from 'vite-plugin-environment'
4 | import { defineConfig } from 'vitest/config'
5 | export default defineConfig({
6 | plugins: [EnvironmentPlugin(['REACT_APP_TEXT']) as any],
7 | resolve: {
8 | alias: {
9 | '@': path.resolve(__dirname, './src'),
10 | },
11 | },
12 | test: {
13 | environment: 'jsdom',
14 | globals: true,
15 | setupFiles: ['./src/setupTests.ts'],
16 | include: ['src/**/*.{test,spec}.{ts,tsx}'],
17 | exclude: ['src/@types', 'node_modules'],
18 | },
19 | })
20 |
--------------------------------------------------------------------------------
