chore: optimize imports

src/app/App.tsx

@@ -1,13 +1,13 @@
 import React, { useCallback, useEffect } from 'react'
 import './App.css'
-import { TodolistsList } from '../features/TodolistsList/TodolistsList'
-import { ErrorSnackbar } from '../components/ErrorSnackbar/ErrorSnackbar'
+import { TodolistsList } from 'features/TodolistsList/TodolistsList'
+import { ErrorSnackbar } from 'components/ErrorSnackbar/ErrorSnackbar'
 import { useDispatch, useSelector } from 'react-redux'
 import { AppRootStateType } from './store'
 import { initializeAppTC, RequestStatusType } from './app-reducer'
 import { BrowserRouter, Route, Routes } from 'react-router-dom'
-import { Login } from '../features/Login/Login'
-import { logoutTC } from '../features/Login/auth-reducer'
+import { Login } from 'features/Login/Login'
+import { logoutTC } from 'features/Login/auth-reducer'
 import {
   AppBar,
   Button,

src/app/app-reducer.ts

@@ -1,6 +1,6 @@
 import { Dispatch } from 'redux'
-import { authAPI } from '../api/todolists-api'
-import { setIsLoggedInAC } from '../features/Login/auth-reducer'
+import { authAPI } from 'api/todolists-api'
+import { setIsLoggedInAC } from 'features/Login/auth-reducer'
 
 const initialState: InitialStateType = {
   status: 'idle',

src/app/store.ts

@@ -1,9 +1,9 @@
-import { tasksReducer } from '../features/TodolistsList/tasks-reducer'
-import { todolistsReducer } from '../features/TodolistsList/todolists-reducer'
-import { applyMiddleware, combineReducers, createStore } from 'redux'
-import thunkMiddleware, { ThunkAction, ThunkDispatch } from 'redux-thunk'
+import { tasksReducer } from 'features/TodolistsList/tasks-reducer'
+import { todolistsReducer } from 'features/TodolistsList/todolists-reducer'
+import { combineReducers } from 'redux'
+import { ThunkAction, ThunkDispatch } from 'redux-thunk'
 import { appReducer } from './app-reducer'
-import { authReducer } from '../features/Login/auth-reducer'
+import { authReducer } from 'features/Login/auth-reducer'
 import { configureStore, UnknownAction } from '@reduxjs/toolkit'
 
 const rootReducer = combineReducers({

src/components/ErrorSnackbar/ErrorSnackbar.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { useDispatch, useSelector } from 'react-redux'
-import { AppRootStateType } from '../../app/store'
-import { setAppErrorAC } from '../../app/app-reducer'
+import { AppRootStateType } from 'app/store'
+import { setAppErrorAC } from 'app/app-reducer'
 import { AlertProps, Snackbar } from '@mui/material'
 import MuiAlert from '@mui/material/Alert'
 

src/features/Login/Login.tsx

@@ -2,9 +2,9 @@ import React from 'react'
 import { useFormik } from 'formik'
 import { useSelector } from 'react-redux'
 import { loginTC } from './auth-reducer'
-import { AppRootStateType } from '../../app/store'
+import { AppRootStateType } from 'app/store'
 import { Navigate } from 'react-router-dom'
-import { useAppDispatch } from '../../hooks/useAppDispatch'
+import { useAppDispatch } from 'hooks/useAppDispatch'
 import {
   Button,
   Checkbox,

src/features/Login/auth-reducer.ts

@@ -3,12 +3,12 @@ import {
   SetAppErrorActionType,
   setAppStatusAC,
   SetAppStatusActionType,
-} from '../../app/app-reducer'
-import { authAPI, LoginParamsType } from '../../api/todolists-api'
+} from 'app/app-reducer'
+import { authAPI, LoginParamsType } from 'api/todolists-api'
 import {
   handleServerAppError,
   handleServerNetworkError,
-} from '../../utils/error-utils'
+} from 'utils/error-utils'
 
 const initialState: InitialStateType = {
   isLoggedIn: false,

src/features/TodolistsList/Todolist/Task/Task.tsx

@@ -1,8 +1,8 @@
 import React, { ChangeEvent, useCallback } from 'react'
 import { Checkbox, IconButton } from '@mui/material'
-import { EditableSpan } from '../../../../components/EditableSpan/EditableSpan'
+import { EditableSpan } from 'components/EditableSpan/EditableSpan'
 import { Delete } from '@mui/icons-material'
-import { TaskStatuses, TaskType } from '../../../../api/todolists-api'
+import { TaskStatuses, TaskType } from 'api/todolists-api'
 
 type TaskPropsType = {
   task: TaskType

src/features/TodolistsList/Todolist/Todolist.tsx

@@ -1,11 +1,11 @@
 import React, { useCallback, useEffect } from 'react'
-import { AddItemForm } from '../../../components/AddItemForm/AddItemForm'
-import { EditableSpan } from '../../../components/EditableSpan/EditableSpan'
+import { AddItemForm } from 'components/AddItemForm/AddItemForm'
+import { EditableSpan } from 'components/EditableSpan/EditableSpan'
 import { Task } from './Task/Task'
-import { TaskStatuses, TaskType } from '../../../api/todolists-api'
+import { TaskStatuses, TaskType } from 'api/todolists-api'
 import { FilterValuesType, TodolistDomainType } from '../todolists-reducer'
 import { fetchTasksTC } from '../tasks-reducer'
-import { useAppDispatch } from '../../../hooks/useAppDispatch'
+import { useAppDispatch } from 'hooks/useAppDispatch'
 import { Button, IconButton } from '@mui/material'
 import { Delete } from '@mui/icons-material'
 

src/features/TodolistsList/TodolistsList.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect } from 'react'
 import { useSelector } from 'react-redux'
-import { AppRootStateType } from '../../app/store'
+import { AppRootStateType } from 'app/store'
 import {
   addTodolistTC,
   changeTodolistFilterAC,
@@ -16,12 +16,12 @@ import {
   TasksStateType,
   updateTaskTC,
 } from './tasks-reducer'
-import { TaskStatuses } from '../../api/todolists-api'
+import { TaskStatuses } from 'api/todolists-api'
 import { Grid, Paper } from '@mui/material'
-import { AddItemForm } from '../../components/AddItemForm/AddItemForm'
+import { AddItemForm } from 'components/AddItemForm/AddItemForm'
 import { Todolist } from './Todolist/Todolist'
 import { Navigate } from 'react-router-dom'
-import { useAppDispatch } from '../../hooks/useAppDispatch'
+import { useAppDispatch } from 'hooks/useAppDispatch'
 
 type PropsType = {
   demo?: boolean

src/features/TodolistsList/tasks-reducer.test.ts

@@ -12,7 +12,7 @@ import {
   removeTodolistAC,
   setTodolistsAC,
 } from './todolists-reducer'
-import { TaskPriorities, TaskStatuses } from '../../api/todolists-api'
+import { TaskPriorities, TaskStatuses } from 'api/todolists-api'
 
 let startState: TasksStateType = {}
 beforeEach(() => {

src/features/TodolistsList/tasks-reducer.ts

@@ -9,19 +9,18 @@ import {
   TaskType,
   todolistsAPI,
   UpdateTaskModelType,
-} from '../../api/todolists-api'
+} from 'api/todolists-api'
 import { Dispatch } from 'redux'
-import { AppRootStateType } from '../../app/store'
+import { AppRootStateType } from 'app/store'
 import {
-  setAppErrorAC,
   SetAppErrorActionType,
   setAppStatusAC,
   SetAppStatusActionType,
-} from '../../app/app-reducer'
+} from 'app/app-reducer'
 import {
   handleServerAppError,
   handleServerNetworkError,
-} from '../../utils/error-utils'
+} from 'utils/error-utils'
 
 const initialState: TasksStateType = {}
 

src/features/TodolistsList/todolists-reducer.ts

@@ -1,13 +1,13 @@
-import { todolistsAPI, TodolistType } from '../../api/todolists-api'
+import { todolistsAPI, TodolistType } from 'api/todolists-api'
 import { Dispatch } from 'redux'
 import {
   RequestStatusType,
   SetAppErrorActionType,
   setAppStatusAC,
   SetAppStatusActionType,
-} from '../../app/app-reducer'
-import { handleServerNetworkError } from '../../utils/error-utils'
-import { AppThunk } from '../../app/store'
+} from 'app/app-reducer'
+import { handleServerNetworkError } from 'utils/error-utils'
+import { AppThunk } from 'app/store'
 
 const initialState: Array<TodolistDomainType> = []
 

src/features/TodolistsList/todolists-tasks-reducer.test.ts

@@ -4,7 +4,7 @@ import {
   todolistsReducer,
 } from './todolists-reducer'
 import { tasksReducer, TasksStateType } from './tasks-reducer'
-import { TodolistType } from '../../api/todolists-api'
+import { TodolistType } from 'api/todolists-api'
 
 test('ids should be equals', () => {
   const startTasksState: TasksStateType = {}

src/hooks/useAppDispatch.ts

@@ -1,5 +1,5 @@
 import { useDispatch } from 'react-redux'
-import { AppDispatch } from '../app/store'
+import { AppDispatch } from 'app/store'
 
 // export const useAppDispatch: () => AppDispatch = useDispatch
 export const useAppDispatch = () => useDispatch<AppDispatch>()

src/index.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { createRoot } from 'react-dom/client'
 import './index.css'
 import App from './app/App'
-import { store } from './app/store'
+import { store } from 'app/store'
 import { Provider } from 'react-redux'
 
 const root = createRoot(document.getElementById('root') as HTMLElement)

src/utils/error-utils.ts

@@ -3,8 +3,8 @@ import {
   SetAppErrorActionType,
   setAppStatusAC,
   SetAppStatusActionType,
-} from '../app/app-reducer'
-import { ResponseType } from '../api/todolists-api'
+} from 'app/app-reducer'
+import { ResponseType } from 'api/todolists-api'
 import { Dispatch } from 'redux'
 
 export const handleServerAppError = <D>(

tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "baseUrl": "src",
     "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,