Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

react2-week1/class-exercises #315

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

react2-week1/class-exercises #315

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 25 additions & 0 deletions 7_react/react2/week1/hyf/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
# React template
This is a minimal React app based on the the [create-react-app tool](https://create-react-app.dev/).

## Creating a new project
1. Make sure you have [installed node](https://nodejs.org/en/download) on your PC
2. Copy the folder `minimal-template` and replace the name with the name of your app.
3. Open a terminal and navigate to the newly created folder.
``` shell
cd <path to your folder>
```
4. Run below command in the terminal to install the dependencies. This is only required initially.
``` shell
npm install
```

## Running the app
1. Open a terminal and navigate to your project folder.
``` shell
cd <path to your folder>
```
2. Start your application by running the below command. It should automatically open your app in your browser on http://localhost:3000/. If not, try to open the link yourself.
``` shell
npm start
```
3. You can now make changes to your code and the app will automatically refresh. Happy coding :heart:
11 changes: 11 additions & 0 deletions 7_react/react2/week1/hyf/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>React App</title>
</head>
<body>
<div id="root"></div>
</body>
</html>
Loading
Loading