reading-notes

Class 301.01

Notes

• 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

Readings

Component-Based Architecture

1. What is a “component”?

   it is a modular and reusable building block in software development that encapsulates specific functionality.

2. What are the characteristics of a component?

   • modularity,
   • reusability,
   • encapsulation,
   • well-defined interfaces.

3. 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

1. What is “props” short for?

   properties

2. How are props used in React?

   they’re used as means of moving data around

3. What is the flow of props?

   parent -> child -> grandchild —-»> they are defined by the parent, and ready only for every subsequent generation

Bookmark and Review

React

• React Tutorial through ‘Passing Data Through Props’
• React Docs - Hello world
• React Docs - Introducing JSX
• React Docs - Rendering elements
• React Docs - Components and props

ES6 Classes

• What the heck is the event loop anyway?
• Inheritance and the prototype chain
• this
• Classes

Things I want to learn more about

References

• Google Bard and ChatGPT

This site is open source. Improve this page.