React and Next.js notes

• studying this for CU ENG's Vishnu 22nd event as a frontend developer
• to continue learning next.js, please go to this repo.

Tip

ðə ɡraɪnd ˈnɛvə stɒps

Resources

• nextjs's tutorial
• react's tutorial
• mdn web docs

to get the next.js working:

• easier guide

1. have Node.js v18.17.0 or above
2. in folder nextjs, create file package.json, inside the file having {}
3. go to directory nextjs i.e. type cd nextjs into the vscode terminal
4. type this into vscode terminal:

npm install react@latest react-dom@latest next@latest

this will install node_modules.

Table of Contents

• 001 intro to react : how to use react, jsx markup rules
• 002 components
• 003 props : using variables in JSX, Object destructuring, JSX spread syntax, Conditional rendering (? :, &&, let)
• 004 state :
• 005 intro to next.js