SEB-72 Week 7 Beginnings of React

What is the new way to create a new React Project?

• npx create vite

• npm create-react-app MyApp

• npm create vite

• npx create-react-app my-app

What command is used to start the React local server (using the new way of creating a react app)

• npm run dev

• npm run start

• npm run build

• node server

I get a ' Adjacent JSX elements must be wrapped in an enclosing tag' error with this code, why might that be?:

return (

<div> div 1 </div>

<div> div 2 </div>

);

• You need to add a semicolon at the end of each

  element
  Each div requires a unique id or class

  React can only return one parent jsx/html element, you need to put these divs inside of something else.

  The return must be {} instead of ()

In React, how can we pass the data from one component to another?

• By using jQuery
• By directly modifying the state of the other component
• By passing data through URL parameters
• Props

What is the purpose of the useState hook in React?

• The purpose of the useState hook in React is to add state to functional components.
• To create new components in React
• To add styling to functional components
• To render elements on the page

What is the correct syntax for useState?

• const [setValue, value] = useState('initialValue');

• const { value, setValue } = useState('initialValue');

• const { setValue, value } = useState('initialValue');

• const [value, setValue] = useState('initialValue');

Which is not an in-built hook in react

• useRef()

• useEffect()

• useState()

• useFetch()

What is JSX in React?

• JSX is a syntax extension for JavaScript used with React to describe what the UI should look like.
• JSX is a type of coffee drink popular among React developers
• A type of JavaScript syntax used to define React components

• JSX is a tool for managing state in React components

What does 'catch' do in Javascript?

• The 'catch' method in JavaScript is used to loop through an array
• The 'catch' method in JavaScript is used to create a new variable
• It moves all functions to the top of the document upon execution

• The 'catch' method in JavaScript is used to handle any errors that may occur in a promise chain.

Why do we want to replace and not mutate state in react?

• React may not detect the change and fail to re-render the component.

• To slow down the performance of the application
• To make the UI updates unpredictable and inefficient
• To make the code more complex and difficult to understand

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

Already have an account?

Log in

Let me read it first