- This is how we began our Pokemon app
➜ labs git:(main) npm create vite@latest
Need to install the following packages:
create-vite@4.4.1
Ok to proceed? (y)
✔ Project name: … pokemon-app
✔ Select a framework: › React
✔ Select a variant: › JavaScript
Scaffolding project in /Users/paulb/code/reading-notes/301/labs/pokemon-app...
Done. Now run:
cd pokemon-app
npm install
npm run dev
- What is a “component”?
it is a modular and reusable building block in software development that encapsulates specific functionality.
- What are the characteristics of a component?
- modularity,
- reusability,
- encapsulation,
- well-defined interfaces.
- What are the advantages of using component-based architecture?
- code reusability,
- easier maintenance,
- faster development,
- improved scalability.
What is Props and How to Use it in React
- What is “props” short for?
properties
- How are props used in React?
they're used as means of moving data around
- What is the flow of props?
parent -> child -> grandchild ---->>> they are defined by the parent, and ready only for every subsequent generation
- React Tutorial through ‘Passing Data Through Props’
- React Docs - Hello world
- React Docs - Introducing JSX
- React Docs - Rendering elements
- React Docs - Components and props
- Google Bard and ChatGPT