Into to React.js

What is React JS?

•  A JavaScript library for building user interfaces

• A server-side framework for building web applications

• A programming language for building web applications

• A front-end framework for building mobile applications

React component can return how many parent html tags

• one

• multiple

• two

• three

Which statements are true about a React Component? Select all that apply.

• It can be written as a Class

• It can be written as a Function

• It returns HTML

• Bypasses the need for a HTML document alltogether

Which statement is true about React?

• React helps us bring rendering logic and markup together in the same place to intelligently update the dom

• 
  

  React Components return HTML, the same as a HTML page with Vanilla DOM.

• React was created by facebook, so only their engineers can design new customized packages to use with React

• Can only be used Via CDN

What will this component render?

const List = (props) => {

const lang = ["Java", "Python", "Ruby", "Javascript"]
return ( <div>                                      
{lang.map(el => <p>{el}</p>)}
      </div>)                                  

}

• Error. Cannot use direct JavaScript code in JSX

• Error. Should be replaced with a for..loop for correct output

• Displays the list of languages in the array

• Displays nothing

What is the purpose of the useState hook in React?

• To handle user interactions within a component

• To define the layout of a component

• To "remember" values and have a method to update them

• To take a 'snapshot' of the component details and log it to the console.

• To enable us to use JSX

What is JSX in React.js?

• A syntax extension for JavaScript

• A package manager for React.js

• A testing framework for React.js

• A styling framework for React.js

When writing JSX, what do we use to escape into Javascript?

• { }

• [ ]

• " "

• ${ }

How do we run our React projects locally?

• npm install

• npm run dev

• live server

• npm run preview

• npm run build

How do you stop the node process that is running your project in your terminal?

• type "control C" into the terminal

• Just closing your terminal or VScode will stop it

• Close the preview on your browser

• Click the stop button

• type ".exit" into your terminal