search

HarounAlarabi / Coursework-Planner

Your coursework planner
0 stars 0 forks source link

[TECH ED] What is React #29

Open HarounAlarabi opened 1 year ago

HarounAlarabi commented 1 year ago

From Module-JS3 created by SallyMcGrath: CodeYourFuture/Module-JS3#14

Link to the coursework

https://www.youtube.com/watch?v=0KlRgFEEz0g

Why are we doing this?

  1. Watch the attached video. You can stop watching at 11:06 (the rest is unnecessary)

  2. Write your answers as a comment on your ticket on your board.

  3. In the comment, answer these questions in ONE sentence:

A. What does he say the "best description of React is"? B. What does he say "could be a component"? C. What does he say is the benefit of using JSX? D. What makes React fast?

Maximum time in hours (Tech has max 16 per week total)

1

How to get help

Share your blockers in your class channel. https://syllabus.codeyourfuture.io/guides/asking-questions

How to submit

Write your answers as a comment on your ticket on your board.

How to review

No response

Anything else?

No response

HarounAlarabi commented 1 year ago

@HereshT Hi there.

Please put your work on your own ticket, not this one, which is meant for everyone to copy. Thank you!

HarounAlarabi commented 1 year ago

A. React is best described as "a JavaScript library for building user interfaces." B. The search area on a webpage could be a component. C. JSX offers familiarity, encapsulation, and structure when interacting with the DOM. D. React's virtual DOM efficiently updates only what needs to be changed, making it fast.
this simple example made D letter easier to understand: Imagine you have a webpage with a list of names and a button that, when clicked, adds a new name to the list:

John Mary Alice Without React, when you add a new name (e.g., "Bob"), the browser might refresh the entire list, even though only one name was added. This process can be slow and inefficient, especially with large lists.

With React and its virtual DOM, when you add "Bob" to the list, it intelligently updates only the part that changed:

John Mary Alice Bob By updating just the new name rather than the entire list, React's virtual DOM makes the process faster and more efficient, improving the user experience.