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

Create a free account and access millions of resources

Create resources

Host any resource

Get auto-graded reports

Continue with GoogleContinue with EmailContinue with ClasslinkContinue with Clever

or continue with

Microsoft

Apple

Others

By signing up, you agree to our Terms of Service & Privacy Policy

Already have an account?Log in

Let me read it first