Full set-up of a Visual Studio and a React Project
Full set-up of a Visual Studio and a React Project
Installing node.js, npm and other plugins
0. https://nodejs.org/en
1. Install npm, write in the command line or download:
a. npm install -g npm
Plugins I use:
a. Auto Rename Tag
b. Bootstrap 5 CDN Snippet with AMP Page
c. Color Highlight
d. Dark+ One Monokai
e. ES7+ React/Redux/React-Native snippets
f. HTML CSS Support
g. Image preview
Setting up a react project from zero
1. Create a new folder and open it in VSCODE
2. Command line: a. npx create-react-app project-nameb. cd project-namec. npm start
3. Other commands:a. npm start - Starts the development server.b. npm run build - Bundles the app into static files for production.
Retriving files from GIT:
my: https://github.com/davidhegy/crudboiler.git
Install GIT!!
In VSCODE:
git config –global user.email “hedavidhu@gmail.com”
git config –global user.name “davidhegy”
A. Cloning
a. Navigate to the directory where you want to clone the repository from.
b. Command line: git clone https://github.com/username/repo-name.git
Using GIT with React:
1. Create a Remote Repository on GitHub
2. Command lines:git remote add origin https://github.com/davidhegy/miney-project.git
git branch -M main
git push -u origin main
Adding and committing changes:
git add .
git commit -m "Your descriptive commit message"
git push origin main
A firebase skeleton can be downloaded.
How to install firebase?
Before using or copying the skeleton create the project in the console and install firebase tools.
Don t forget: firebase login
Then, firebase init (realtime, hosting)
A public mappa a build legyen!!!
npm run build (minden deploy el tt)
firebase deploy
React Router setup
1. npm install react-router-dom
git clone https://github.com/davidhegy/crudboiler.git
