Skip to content

Latest commit

 

History

History
64 lines (35 loc) · 2.25 KB

File metadata and controls

64 lines (35 loc) · 2.25 KB

Component Based UI

Readings

  • React Hello World

    • What are the building blocks of a React app?

      • components and elements
    • What is the difference between an element and a React component?

      • components accept arbitrary inputs (called “props”) and return React elements describing what should appear on the screen.
    • What are some advantages of React’s component based architecture?

      • cam be broken up into parts and its reusable
  • Introducing jsx

    • What is JSX and why do we use it?

      • it is a syntax extension to JavaScript and its used to describe what the UI should look like.
    • Describe the process of embedding JavaScript expressions in JSX.

      • declare a variable and then use it inside JSX by wrapping it in curly braces
      • jsx
    • Is it safe to embed user input in JSX? Explain.

      • yes, By default, React DOM escapes any values embedded in JSX before rendering them. Thus it ensures that you can never inject anything that’s not explicitly written in your application.
  • Rendering Elements

    • Explain what a React Component is to a non-technical friend.

      • let you split how your page looks into various pieces
    • Describe mutability and React Components, specifically, how is the UI updated?

      • UI is updated by invoking the function within the component
    • If changes are made to the UI, what does React update?

      • DOM

Bookmarks

Additional Questions

Course Schedule

  • What do you look forward to learning?

    • im looking forward to the context API module and joining tables

class README

  • What are your learning goals after reading and reviewing the class README?

    • I want to become proficient in react and be able to combine it with what Im learning about the backend