Getting Started with Create React App and SASS

This project was bootstrapped with Create React App and I have used SASS for styling.

Description and Instruction of this project

Here, I will write how I have completed this project:

npx create-react-app react-admin-dashboard

First of all, I need to set up my development environment with Create React App.

npm install sass

In this project I have used SASS for styling.

Deploy React App on Github Pages

It was an important part. I didn't know about React App Deployment on Github Pages. Now, I can deploy. For this I have just followed the instructions from this documentation. The steps are given below:

Step-1: open package.json file and add this:

         "homepage": "https://myusername.github.io/my-app",

Step-2: install github pages form your terminal:

         npm install -save gh-pages      

Step-3: add the following scripts in- scripts field in- package.json:

	     "predeploy": "npm run build", 
	     "deploy": "gh-pages -d build",   

Step-4: push all changes to git:

	    git add
	    git commit -m "your commit"
        git push 

Step-5: Now final command:

        npm run deploy

Notes: From my Grepper Account.

Then I used react router dom

npm install react-router-dom@6

After the installation of React Router as a dependency open the src/index.js. Then import BrowserRouter from react-router-dom and wrap the app in <BrowserRouter></BrowserRouter>. Then use this website to understanding routing React Router.

Routing Problem with Github Pages

Actually react router doesn't work in Github Pages. Then I found that if I want to make the routing work properly there are two way. The way one is, using hashRouter and the way two is to redirection with 404.html (this way is difficult than the first way). So, I used the hashRouter.

Just use <HashRouter> instead of <BrowserRouter> for wrapping the app.

Notes: Learn more about....