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
    • 

  • 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

• sass cheatsheet
• react cheatsheet
• another react cheatsheet

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