React Native Online 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 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.

React Native online test is created & validated by experienced subject matter experts (SMEs) to evaluate knowledge of React Native developer. Online React Native test helps recruiters and hiring managers invalidating the React Native app development skills of the applicant before an interview.

The React Native assessment test helps to screen the candidates who possess traits as follows: 

  1. Knowledgeable in both iOS and Android development and expert-level in at least one
  2. Understanding of Xamarin and Unity is a plus
  3. Experience working in an agile software development environment
  4. Knowledge of JavaScript testing frameworks

Our React Native skills test reports will give a detailed analysis of each candidate and will provide the analytical data which helps you to hire better and faster. To know about the candidate experience, we have introduced the new feature called candidate feedback module in our React Native pre-employment test so that it will ensure you that the candidates are getting an excellent experience while attempting the test.

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

Test details:

The React Native online test enables employers and recruiters to identify potential prospects 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.

The online React Native test may contain MCQs (Multiple Choice Questions), MAQs (Multiple Answer Questions), Fill in the Blank, Descriptive, Whiteboard Questions, Audio / Video Questions, True or False.

Test Duration: 30 minutes

19 Application Questions

React Native Online 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

Candidate Name
Assessment Name
Invited by
Assessment Date
IP Address
Status
















24.00 Out of 40.00
Pass
60%
03
23 Minutes

Java EE

9/10

Hibernate

3/10

Oracle PL/SQL

7/10

Analytical Thinking

5/10

Note:If score<= 30% then its a Weakness. If score >=70% then its a Strength.

Strengths

Java EE, Oracle PL/SQL, Analytical Thinking

Weaknesses

Hibernate

Happy

It was a good test for me, the questions were on the latest technology of java on which I am currently working. It was a great experience. Thank you!

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