create new branch

feature/new-branch

example for task: «create product list page as Wishlist»

feature/create-product-list-page or
feature/user-products_wishlist

FRONTEND import rules:

library -> components -> style

add empty line between imports

import { useEffect } from 'react';

import { useAppDispatch, useAppSelector } from '../../../app/hooks';
import { RootState } from '../../../app/store';
import { loadProducts } from './productsSlice';

import './Products.module.scss';

const Products = (): JSX.Element => {… 

path with react-router

http://localhost:5173/allcom/#/

http://localhost:5173/allcom/#/

import svg files

We use vite-plugin-svgr

1. Create file in /img/svg/heart.svg

import HeartIcon from '../../img/svg/heart.svg?react';

scss

video about scss

vite-template-redux

Uses Vite, Vitest, and React Testing Library to create a modern React app compatible with Create React App

npx degit reduxjs/redux-templates/packages/vite-template-redux my-app

Goals

• Easy migration from Create React App or Vite
• As beginner friendly as Create React App
• Optimized performance compared to Create React App
• Customizable without ejecting

Scripts

• dev/start - start dev server and open browser
• build - build for production
• preview - locally preview production build
• test - launch test runner

Inspiration

• Create React App
• Vite
• Vitest