React.js Quiz # 2

A browser's native events are wrapped into which of the following objects by React for ensuring that all the supported events behave identically in Internet Explorer 8 and higher versions?

collectionTweets

state

SynthetiCEvent

this.props

Which of the following packages is used for providing a React renderer that is used for rendering React components to pure JavaScript objects, without depending on the DOM or a native mobile environment?

Shallow Renderer

Test Renderer

React

None of the above.

In relation to React Flux, which of the following arguments is/are passed to the connect function which is used to connect the root component to the store?

state and select function

state and action

Only action

Only select function

Which of the following Lifecycle methods of ReactJS Component is/are used to clear up the memory Space?

componentWillMount()

componentWillUpdate()

Both a and b

Neither a nor b

While validating React component properties. a custom validator function is used for validating the tweet property. Which of the following parameters are passed to this function?
i) properties

ii) propertyName

iii) media

iv) componentName

All options i), ii), iii) and iv).

Only options i), ii) and iii).

Only options ii), iii) and iv).

Only options i), ii) and iv).

Which of the following options is the correct signature of React createPortaI() method?

ReactDOM.createPortaI(element, child, container)

ReactDOM.createPortal(container, component)

ReactDOM.createPortaI(child, container)

ReactDOM.createPortal(container)

Which of the following options is the correct Jest function that is used for each test?

Select

It

Render

bundle

Which of the following Options is used by the StreamTweet component for incrementing the number of displayed tweets in the global object?

componentDidUpdate()

componentwillUpdate()

render()

shouldComponentUpdate()

While testing Reducers, which of the following commands is used for installing Jest and the Jest CLI globally?

sudo npm install —g jest Cli

sudo npm install —devjest —g

sudo npm install —g jest

sudo npm install --Save-g jest

Which of the following options is the correct syntax for installing React CSS Transitions Group?

npm install react-addons-css-transition-group

npm install react-save-css-transition-group

npm install react --save-addons-css-transition-group

npm install react--addons.css.transition.group

Which of the following is the correct syntax for adding a file named index.html via command prompt to your React environment? (Consider that reactApp is the root folder.)

C:\Users\username\Desktop\reactApp>index.html

C:\Users\username\Desktop\reactApp>create index.html

C:\Users\username\Desktop\reactApp>touch index.html

C:\Users\username\Desktop\reactApp>createElement index.html

Which of the following options is the correct syntax for installing Redux via command prompt?

npm install react-redux

npm install react-redux -save

npm install --save react-redux

npm install --save –redux for react

Which of the following is the correct syntax of React function that will enforce that names are written with all uppercase letters?

handleChange(event)[

this.setState({valuezeventtarget.value.toUpperCase0));

}

event.handleChange(

this.setState([value= eventtarget.value.toUpperCase0]);

}

handleChange.event[

this.setState([value:target.value.toUpperCase0));

}

handleChange[

event.set$tate([value: this.target.value.toUpperCaseOI);

}

Which of the following is the correct syntax for creating a ReactElement of type h1 having the properties object and a ReactText as its only child?

[

render: function 0{

return React.createElement([ className: 'header'. 'hl'}, 'React

Component‘);

}

[

render: function 0{

return React.createElement('h1'. [ className: ‘header' ], ‘React

Component‘);

I

{

renderfunction 0[

return React.createElement('h1', className: 'header'. "React

Component“);

I

[

render: function 0{

return React.createElement(React

Component= 'h1', [ className: 'header‘ },

I;

I

Which of the following options is the correct syntax for creating a new folder named Dispatcher in a project's ”/snapterest/ source/exampleDispatch directory?

var Dispatcher = require('f‌iux‘).Dispatchen

module.exports = new Dispatchero;

var Dispatcher = require(f‌iuxDispatcher);

module.exports = new DispatcherO;

var Dispatcher = require Dispatcher('flux').;

module exports = new Dispatcher();

var Dispatcher = require new f‌iux.Dispatcher;

module.exports = new Dispatchero;

Which of the following options is the correct signature of the React.Children.map method?

React.Children.map(function[children, thisArg)

React.Children.map(children, function[(thisArg)])

React.Children.map(object, children, function[(thisArg)])

React.Children.map(children)

Which of the following React methods is used for verifying that the children has a single child (a React element) only and returning it?

React.Children.count(children)

React.Children.map(children)

React.Children.only(children)

React.Children.toArray(children)

In relation to React Test Renderer, which of the following arguments is/are passed to testInstance.find ()?

Test

type

props

All of the above.

Which of the following commands are used for installing React and React DOM? (Consider reactApp as the root folder.)

C:\Users\username\Desktop\reactApp>npm install react -save

C:\Users\username\Desktop\reactApp>npm install react dom -save

C:\Users\username\Desktop\reactApp>npm install react

C:\Users\username\Desktop\reactApp>npm install react dom --save

C:\Users\username\Desktop\reactApp>npm install react --save

C:\Users\username\Desktop\reactApp>npm install react.dom --save

C:\Users\username\Desktop\reactApp>npm install react --save

C:\Users\username\Desktop\reactApp>npm install react-dom --save

Which of the following types of brackets are used for including collections of elements in JSX?

[]

{}

()

It does require the use of any kind of brackets.

In relation to Flux programming concept. which of the following statements is correct about the data?

The data flow is uni-directional.

The data flow is bi-directional.

None of the above.

Which of the following components is used by react for rendering multiple elements without a wrapper?

React.Fragment

React.Chlidren

React.Components

React.PureComponent

From the given Options, choose the correct guideline(s) that should be followed while planning a React application.

In a web application. a single React component should represent multiple user interface Elements.

Multiple React components should be composed into a single React component.

Both options i) and ii) are correct.

Neither option i) nor ii) is correct.

Which of the following is NOT a correct advantage of ReactJS?

It can be used on client and server side and also with other frameworks.

It supports better readability that helps in maintaining larger applications.

It covers the view and controller layers of an application.

It uses virtual DOM, which helps in improving the performance of the applications.

Which of the given render methods is correctly written?

render(){

return [

<li key="List1">List1</Ii>,

<|i key="List2">List 2</|i>,

<li key="List3">List 3</li>,

];

1

render(){

return (<div>

[this.renderThis()]

[this.renderThat0]

</div>);

return [

<li key="List1">List1<lli>,

<li key="List2">List 2</li>,

<|i key="List3">List 3<l|i>.

];

}

render0{

return (<div>

[this.renderThisO}

[this.renderThat()}

<ldiv>);

}.

All of the above.

Which of the following statements is/are NOT correct about shallowRenderer.render() method in ReactJS?

It can be used for extracting the component's output.

It requires DOM.

It can only render a single level deep.

Both statements a and c are incorrect.

Both statements b and C are incorrect.

Which of the following statements are correct about Flux?
i) The application parts are coupled.
ii) Maintenance of the application is easy.

Only option i).

Only option ii).

Both options i) and ii).

Neither option i) nor in.

In relation to React Test Renderer, which of the following options is NOT a TestRenderer instance?

testInstance.type

testRenderer.root

testRenderer.update()

testRenderer.toJSON()

In relation to ReactJS Flux, which of the following properties is used by JavaScript Objects Actions for informing about the data that should be sent to the store?

name

value

type

None Of the above.

Which of the following commands is run for creating an ESLint conf‌iguration?

eslint react -init

eslint --init

react eslint «start

eslint --start

Quiz:	React.js Quiz # 2
Subject:	Basic React Js
Total Questions:	280 MCQs
Time:	280 Minutes

React.js Quiz # 2

A browser's native events are wrapped into which of the following objects by React for ensuring that all the supported events behave identically in Internet Explorer 8 and higher versions?

Which of the following packages is used for providing a React renderer that is used for rendering React components to pure JavaScript objects, without depending on the DOM or a native mobile environment?

In relation to React Flux, which of the following arguments is/are passed to the connect function which is used to connect the root component to the store?

Which of the following Lifecycle methods of ReactJS Component is/are used to clear up the memory Space?

While validating React component properties. a custom validator function is used for validating the tweet property. Which of the following parameters are passed to this function?i) propertiesii) propertyNameiii) mediaiv) componentName

Which of the following options is the correct signature of React createPortaI() method?

Which of the following options is the correct Jest function that is used for each test?

Which of the following Options is used by the StreamTweet component for incrementing the number of displayed tweets in the global object?

While testing Reducers, which of the following commands is used for installing Jest and the Jest CLI globally?

Which of the following options is the correct syntax for installing React CSS Transitions Group?

Which of the following is the correct syntax for adding a file named index.html via command prompt to your React environment? (Consider that reactApp is the root folder.)

Which of the following options is the correct syntax for installing Redux via command prompt?

Which of the following is the correct syntax of React function that will enforce that names are written with all uppercase letters?

Which of the following is the correct syntax for creating a ReactElement of type h1 having the properties object and a ReactText as its only child?

Which of the following options is the correct syntax for creating a new folder named Dispatcher in a project's ”/snapterest/ source/exampleDispatch directory?

Which of the following options is the correct signature of the React.Children.map method?

Which of the following React methods is used for verifying that the children has a single child (a React element) only and returning it?

In relation to React Test Renderer, which of the following arguments is/are passed to testInstance.find ()?

Which of the following commands are used for installing React and React DOM? (Consider reactApp as the root folder.)

Which of the following types of brackets are used for including collections of elements in JSX?

In relation to Flux programming concept. which of the following statements is correct about the data?

Which of the following components is used by react for rendering multiple elements without a wrapper?

From the given Options, choose the correct guideline(s) that should be followed while planning a React application.

Which of the following is NOT a correct advantage of ReactJS?

Which of the given render methods is correctly written?

Which of the following statements is/are NOT correct about shallowRenderer.render() method in ReactJS?

Which of the following statements are correct about Flux?i) The application parts are coupled.ii) Maintenance of the application is easy.

In relation to React Test Renderer, which of the following options is NOT a TestRenderer instance?

In relation to ReactJS Flux, which of the following properties is used by JavaScript Objects Actions for informing about the data that should be sent to the store?

Which of the following commands is run for creating an ESLint conf‌iguration?

While validating React component properties. a custom validator function is used for validating the tweet property. Which of the following parameters are passed to this function?
i) properties

ii) propertyName

iii) media

iv) componentName

Which of the following statements are correct about Flux?
i) The application parts are coupled.
ii) Maintenance of the application is easy.