10000 Update README.md · DaveSimoes/React-Tutorial-2025@d0a82fc · GitHub
[go: up one dir, main page]
Skip to content

Commit d0a82fc

Browse files
DaveSimoesDaveSimoes
authored
Update README.md
1 parent 4fad2be commit d0a82fc

File tree

1 file changed

+37
-14
lines changed

1 file changed

+37
-14
lines changed

‎README.md

Lines changed: 37 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -5,20 +5,21 @@
55
# 📋 Index
66

77
1. [Introduction to React](#introduction-to-react)
8-
2. [JSX](#jsx)
9-
3. [Functional Components](#functional-components)
10-
4. [Class Components](#class-components)
11-
5. [Props](#props)
12-
6. [State](#state)
13-
7. [Lifecycle Methods](#lifecycle-methods)
14-
8. [Events Handling](#events-handling)
15-
9. [React Hooks](#react-hooks)
16-
10. [Controlled Components](#controlled-components)
17-
11. [Error Boundaries](#error-boundaries)
18-
12. [Higher Order Components](#higher-order-components)
19-
13. [Rendering Lists](#rendering-lists)
20-
14. [Context API](#context-api)
21-
15. [Keys](#keys)
8+
2. [Start a New React Project](#start-a-new-react-project)
9+
3. [JSX](#jsx)
10+
4. [Functional Components](#functional-components)
11+
5. [Class Components](#class-components)
12+
6. [Props](#props)
13+
7. [State](#state)
14+
8. [Lifecycle Methods](#lifecycle-methods)
15+
9. [Events Handling](#events-handling)
16+
10. [React Hooks](#react-hooks)
17+
11. [Controlled Components](#controlled-components)
18+
12. [Error Boundaries](#error-boundaries)
19+
13. [Higher Order Components](#higher-order-components)
20+
14. [Rendering Lists](#rendering-lists)
21+
15. [Context API](#context-api)
22+
16. [Keys](#keys)
2223
17. [Forms](#forms)
2324
18. [Styling in React](#styling-in-react)
2425
19. [Render Props](#render-props)
@@ -39,6 +40,28 @@ cd my-react-app
3940
npm start
4041
```
4142

43+
## Start a New React Project
44+
45+
If you want to create a new app or website entirely with React, we suggest choosing one of the React-powered frameworks that are popular in the community.
46+
47+
You can use React without a framework, but we have found that most apps and sites eventually need to address common issues like code splitting, routing, data fetching, and HTML generation. These challenges are not unique to React but are common to all UI libraries.
48+
49+
By starting with a framework, you can quickly get up and running with React and avoid the need to develop your own framework later.
50+
51+
### Next.js
52+
53+
Next.js’ Pages Router is a full-stack React framework. It’s versatile and lets you create React apps of any size—from a mostly static blog to a complex dynamic application. To create a new Next.js project, run in your terminal:
54+
55+
```
56+
npx create-next-app@latest
57+
58+
```
59+
60+
Next.js is maintained by [Vercel](https://vercel.com/). You can [deploy a Next.js app](https://nextjs.org/docs/app/building-your-application/deploying) to any Node.js or serverless hosting, or to your own server. Next.js also supports a [static export](https://nextjs.org/docs/pages/building-your-application/deploying/static-exports) which doesn’t require a server.
61+
62+
63+
64+
4265
## JSX
4366
JSX is a syntax extension for JavaScript that looks similar to XML or HTML. It allows developers to write HTML elements and components in a more concise and readable manner within JavaScript files.
4467

0 commit comments

Comments
 (0)
0