/adapt-me

The hands-on project of Fontend Masters course complete intro react v7 & intermediate react v4

Primary LanguageJavaScript

complete-intro-react-v7

The hands-on project of Fontend Masters course complete intro react v7

Course Hightlights

  • Add react setup from scratch using Parcel

  • Add eslint setup

  • Add Prettier setup

  • Add .gitignore

  • Fix plugin name typo in .eslintrc file

  • Update no-unused-var rule

  • Add eslint-react-hooks plugin

  • Add SearchParams component

  • Add cusom hook 'useBreedList':

  • add Results (pets list) component

  • Style Pet component

  • Add StrictMode

  • ⭐ Add eslint stuff to settings section to acceot .jsx files without extensions

  • Add Details component and install react router

  • Add class properties babel plugin

  • Add Carousel comonent and handle images array

  • Add ErrorBoundry component

  • Add Context so we can toggle theme across the entire app

  • Add modal using Portal and Ref

  • Update package.json to build the app

    • Add source property to point to the index.html
    • Update the dev script
    • Add build script
  • https instead of http for security issue