Skip to content

guicoelhodev/ReactMusic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

97 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React music


This project was created with React, typescript, styled-components and Deezer API

Status - Done

React - 18.2.0 Typescript - 5.0.4 Styled-components - 5.3.9


If you want to see the website, click here

Homepage that shows some musics to play


gtmatrix test application

Steps to updated oldest project (more than 2 years)

Goals

  • Fix route migration v5 => v6
  • Update all packages managers correctly
  • Add typescript
  • Create a simple design System UI in styled-components
  • Add a playground test to refactor all components
  • Insert react testing library and setup jest with typescript environment
  • Add storybook
  • Migrate state logic from react-redux to zustand
  • Create Interfaces to type all data objects in site
  • Add new UI features

  • Fix migration react router dom:
  1. Add all packages @latest version
  2. Change react routers from v5 to v6
  3. Remove useHistory to use useNavigate
  • Update all packages correctly
  1. npm i -g npm-check-updates
  2. run the following command: ncu
  3. ncu -u change all packages to latest version
  • Add typescript
  1. Fix all default problems issues temporally changing the tsconfig.json file, noImplictyAny: false