React Native Online Skills Assessment Test

Topics covered

Components and Props, Javascript XML JSX, Static Image Resources, Network Images, Styling, Interactivity, React Native AppRegistry

  • MAQ (Multiple Answer Question)
  • MCQ (Multiple Choice Question)
  • Descriptive Question
  • White Board Simulator
  • Coding Simulator
  • Audio Question
  • Video Question
  • Case Study Question

React Native Online Test assists Hiring Managers & Recruiters in validating the react native app development skills of applicant before an interview. React Native is an open source framework that enables the development of apps for iOS and Android with React delivering the same performance as purely native apps do. Test on react native apps is designed to check the development and programming skills of React Native developer- as per Industry Experts.

React Native Assessment Test contains questions on following Topics:
 

  • Components and Props

  • Javascript XML JSX

  • Static Image Resources

  • Network Images

  • Styling

  • Interactivity

  • React Native AppRegistry


Component Lifecycle React native app development test is designed by our subject matter experts to evaluate knowledge of react native developer. Using powerful reporting, you can have a detailed analysis of the test results to help you make a better hiring decision and predict the candidate’s performance.

The test contains MCQ's (Multiple Choice Questions), MAQ's (Multiple Answer Questions), Fill in the Blank, Descriptive, True or False.

This pre-employment test is useful for hiring:
  • React Native Developer

Test details:

React Native skills test enables employers and recruiters to identify right fit candidate by evaluating working skills and job readiness. For this reason, the emphasis is laid upon evaluating the knowledge of applied skills gained through real work experience, rather than theoretical knowledge.

Test Duration: 30 minutes 

19 Application Questions


The combination of Application and Theory questions helps to evaluate Technical as well as practical Skills of Candidates.

React Native Test

Question #1 of 2

Select code sections that will show "Rectangle" components vertically each behind other?

Note: There can be multiple correct answers to this question.

    • import React, { Component } from 'react';
      import { AppRegistry, StyleSheet, View } from 'react-native';

      class Rectangle extends Component {
      render() {
      return (
      <View style={{width: 50, height: 50, backgroundColor: "black" }} />
      );
      }
      };

      class Column extends Component {
      render() {
      return (
      // Try setting `flexDirection` to `column`.
      <View style={flex: 1, flexDirection: 'column'}>
      <Rectangle/>
      <Rectangle/>
      <Rectangle/>
      </View>
      );
      }
      };

    • import React, { Component } from 'react';
      import { AppRegistry, StyleSheet, View } from 'react-native';

      class Rectangle extends Component {
      render() {
      return (
      <View style={{width: 50, height: 50, backgroundColor: "black" }} />
      );
      }
      };

      class Column extends Component {
      render() {
      return (
      // Try setting `flexDirection` to `column`.
      <View style={{flex: 1, flexDirection: 'column'}}>
      <Rectangle/>
      <Rectangle/>
      <Rectangle/>
      </View>
      );
      }
      };

      AppRegistry.registerComponent('Column', () => Column);

    • import React, { Component } from 'react';
      import { AppRegistry, StyleSheet, View } from 'react-native';

      class Rectangle extends Component {
      render() {
      return (
      <View style={{width: 50, height: 50, backgroundColor: "black" }} />
      );
      }
      };

      class Column extends Component {
      render() {
      return (
      // Try setting `flexDirection` to `column`.
      <View style={{flexDirection: 'column'}}>
      <Rectangle/>
      <Rectangle/>
      <Rectangle/>
      </View>
      );
      }
      };

      AppRegistry.registerComponent('Column', () => Column);

Question #2 of 2

What will be the order of function calls after component state has been changed?
 
Code:
import React, { Component } from 'react'
import {
  AppRegistry,
  Text,
  View,
} from 'react-native'
 
class App extends Component {
  constructor(props) {
    super(props);
    console.log("Constructor");
    this.state = {text : "Some text"};
    setTimeout(() => {
      this.setState({text : "Some other text"});
    }, 1000);
  }
 
  componentWillReceiveProps() {
    console.log("componentWillReceiveProps");
  }
 
  shouldComponentUpdate() {
    console.log("shouldComponentUpdate");
    return true;
  }
 
  componentWillUpdate() {
    console.log("componentWillUpdate");
  }
 
  componentDidUpdate() {
    console.log("componentDidUpdate");
  }
 
  render() {
    console.log("render");
    return (
      The Component Lifecycle
    )
  }
}
 
AppRegistry.registerComponent('App', () => App)
 

    • shouldComponentUpdate -> render -> componentDidUpdate

    • shouldComponentUpdate -> componentDidUpdate -> render

    • shouldComponentUpdate -> componentWillUpdate -> render -> componentDidUpdate

    • shouldComponentUpdate

SAMPLE REPORT
Candidate Name: David Messi Test Date: 28-May-2014
Test Name: React Native Test Test Start Time: 13.30

Score: 17 Out Of 19

Percentage: 89

Result: PASS

passing score image
SECTION PERFORMANCE
Section Name FAIL PASS
React Native
Score: 17/19
STRENGTH AND WEAKNESS
Strength React Native
Weakness -
* Note: If score <= 40 then its a Weakness. If score >= 80 then its a Strength.
ONLINE PROCTORING
0%
10 20 30 40 50 60 70 80 90 100%
Tolerable Limit Not acceptable
Window Violation: 0 | Time Violation: 0 secs
CANDIDATE DETAILS
Gender : Male Phone Number : +1-541-754-3010
Total Experience (Years) : 3 Total Experience (Months) : 5
Skill Set : React Native Current Employer : Interview Mocha
Current Job Title : Solution Architect Current Salary : 600.00
Expected Salary : 1000000.00 Current Location : Chicago

Sign up for a free trial today

Get your free trial and test up to 10 candidates. No strings attached. No credit card required.

SIGN UP FOR FREE

Schedule a Demo

How Interview Mocha works?

  • Add this test to your account

  • Invite candidates to take this test online

  • Candidates take the test

  • View and share actionable test reports

Trusted by leading brands worldwide

  • altran
  • credit suisse
  • sephora
  • nielsen
  • capgemini
  • hexaware
Why hiring managers and recruiters across the globe love Interview Mocha
  • Largest number of ready pre-employment skill tests
  • Relevant test compositions and quality questions designed by Subject Matter Experts (IM SME)
  • Fastest custom test creation DNA
  • World’s most super easy skill assessment platform
  • High level of platform security implementation
  • Friendly and quick customer support
  • Ready to listen and implement your feedback, we are all ears
  • Affordable pricing

Sign up for a free trial today

Get your free trial and test up to 10 candidates. No strings attached. No credit card required.

SIGN UP FOR FREE

Schedule a Demo