https://github.com/kareemlashin/react.js-guide https://github.com/kareemlashin/react/tree/main/src https://github.com/kareemlashin/react-tutorial-
react-init
├─ .env
├─ .git
├─ .gitignore
├─ doc.md
├─ package-lock.json
├─ package.json
├─ public
│ ├─ favicon.ico
│ ├─ index.html
│ ├─ locales
│ │ ├─ ar
│ │ │ └─ translation.json
│ │ └─ en
│ │ └─ translation.json
│ ├─ logo192.png
│ ├─ logo512.png
│ ├─ manifest.json
│ └─ robots.txt
├─ README.md
├─ src
│ ├─ App.js
│ ├─ assets
│ │ ├─ fonts
│ │ │ └─ .gitkeep
│ │ ├─ images
│ │ │ └─ .gitkeep
│ │ ├─ lib
│ │ │ ├─ .gitkeep
│ │ │ ├─ scripts
│ │ │ │ └─ .gitkeep
│ │ │ └─ styles
│ │ │ └─ .gitkeep
│ │ └─ styles
│ │ ├─ .gitkeep
│ │ ├─ App.css
│ │ ├─ base
│ │ │ ├─ _base.scss
│ │ │ ├─ _fonts.scss
│ │ │ ├─ _functions.scss
│ │ │ ├─ _import.scss
│ │ │ ├─ _media.scss
│ │ │ ├─ _mixins.scss
│ │ │ ├─ _reset.scss
│ │ │ ├─ _shared.scss
│ │ │ └─ _variables.scss
│ │ ├─ components
│ │ │ └─ .gitkeep
│ │ ├─ index.css
│ │ ├─ index.scss
│ │ ├─ layout
│ │ │ └─ .gitkeep
│ │ ├─ module
│ │ │ └─ .gitkeep
│ │ ├─ state
│ │ │ └─ .gitkeep
│ │ └─ theme
│ │ └─ .gitkeep
│ ├─ components
│ │ ├─ .gitkeep
│ │ └─ NavbarPage
│ │ ├─ index.js
│ │ ├─ NavbarPage.jsx
│ │ └─ NavbarPage.styles.js
│ ├─ core
│ │ ├─ config
│ │ │ └─ .gitkeep
│ │ ├─ enums
│ │ │ └─ .gitkeep
│ │ ├─ helpers
│ │ │ └─ .gitkeep
│ │ ├─ interceptor
│ │ │ ├─ .gitkeep
│ │ │ └─ index.js
│ │ ├─ mocks
│ │ │ └─ .gitkeep
│ │ ├─ services
│ │ │ └─ .gitkeep
│ │ └─ utils
│ │ └─ .gitkeep
│ ├─ environments
│ │ ├─ dev.environment.js
│ │ ├─ prd.environment.js
│ │ └─ stg.environment.js
│ ├─ i18n.js
│ ├─ index.js
│ ├─ layout
│ │ └─ .gitkeep
│ ├─ modules
│ │ └─ .gitkeep
│ ├─ pages
│ │ └─ .gitkeep
│ ├─ reportWebVitals.js
│ ├─ services
│ │ └─ .gitkeep
│ ├─ setupTests.js
│ └─ store
│ ├─ action
│ │ └─ action.js
│ ├─ reducer
│ │ └─ .gitkeep
│ ├─ state
│ │ └─ state.js
│ └─ store.js
└─ test
└─ App.test.js