React Native Online Test (React Native + JavaScript)

The React Native Test uses scenario-based MCQ questions to evaluate a candidate's ability to build interactive, media-rich React Native applications and publish them using Google/ App stores. The questions assess core React Native concepts (components, state and props), state management fundamentals, accessing native features and proper usage of RESTful APIs. The test also has MCQs and coding questions to evaluate hands-on JavaScript programming skills.

Get started for free

Preview questions

Screen candidates with a 40 mins test

Test duration: 40 mins

Difficulty level: Moderate

Availability: Ready to use

Questions:

5 JavaScript MCQs
5 React Native MCQs
1 JavaScript Coding Question

Covered skills:

Core React Native (components; state; props)

Functional components and Hooks

Handling screen layouts

Styled-components

Rendering scrollable and custom Lists

State management in components

Navigation between screens

Asynchronous APIs

In-App Authentication

Responsive designs

Debugging React Native apps

Persistence and Session Storage

Publishing to Apple and Play stores

Get started for free

Preview questions

Use Adaface tests trusted by recruitment teams globally

Adaface is used by 1500+ businesses in 80 countries.

Adaface skill assessments measure on-the-job skills of candidates, providing employers with an accurate tool for screening potential hires.

Use the to shortlist qualified candidates

The React Native Online Test (React Native + JavaScript) helps recruiters and hiring managers identify qualified candidates from a pool of resumes, and helps in taking objective hiring decisions. It reduces the administrative overhead of interviewing too many candidates and saves time by filtering out unqualified candidates at the first step of the hiring process.

The test screens for the following skills that hiring managers look for in candidates:

Proficient in React Native components, state, and props
Experience with functional components and Hooks
Ability to handle screen layouts effectively
Familiarity with Styled-components
Capability to render scrollable and custom lists
Competent in state management within components
Knowledge of navigation between screens
Understanding of asynchronous APIs
Proficiency in in-app authentication
Ability to create responsive designs
Skills in debugging React Native apps
Understanding of persistence and session storage
Knowledge of publishing to Apple and Play stores

Get started for free

Preview questions

Screen candidates with the highest quality questions

We have a very high focus on the quality of questions that test for on-the-job skills. Every question is non-googleable and we have a very high bar for the level of subject matter experts we onboard to create these questions. We have crawlers to check if any of the questions are leaked online. If/ when a question gets leaked, we get an alert. We change the question for you & let you know.

How we design questions

These are just a small sample from our library of 15,000+ questions. The actual questions on this React Native Online Test will be non-googleable.

🧐 Question
Medium Fallback Error Error Boundaries	Solve
Review the following React Native Code: We have two ErrorBoundary classes. Notice that both MyComponent and ErrorBoundaryOne throw errors. What ‘Text’ would be rendered in the screen?
Easy Flex	Solve
What is the best way to create following React Native layout with containers 1,2,3?
Medium Home and Details Screen Navigation	Solve
Review the following React Native code: The app has two screens (Home and Details) as shown below: Review the following tests: Test 1 - Click on ‘Navigate.navigate(’Details’)’ button on Home screen, then the same button on the Details screen. Then click on the “back” button of the device/screen. Test 2 - Click on ‘Navigate.push(’Details’)’ button on Home screen, then the same button on the Details screen. Then we clicked on the “back” button of the device/screen. Test 3 - Click on ‘Navigate.navigate(’Details’)’ button on Home screen, then ‘Navigate.push(’Details’)’ button on the Details screen. Then click on the “back” button of the device/ screen. Test 4 - Click on ‘Navigate.push(’Details’)’ button on Home screen, then ‘Navigate.navigate(’Details’)’ button on the Details screen. Then click on the “back” button of the device/ screen. Pick the correct statements:
Medium Async Await Promises Promises Async-Await	Solve
What will the following code output? A: 24 after 5 seconds and after another 5 seconds, another 24 B: 24 followed by another 24 immediately C: 24 immediately and another 24 after 5 seconds D: After 5 seconds, 24 and 24 E: Undefined F: NaN G: None of these
Medium Bitcoin prices Axios Promises	Solve
Review the following JavaScript code and pick the correct options: Assume that the API returns a successful 200 response code and a JSON object as the response body. What would the value of ‘a’ be after the code is executed?
Medium My Module Scope	Solve
What will the output of the following JavaScript code be?
Medium Promise Resolve Promises Async-Await	Solve
What does the following code output?
Easy Throw, Try, Async Promises Async-Await	Solve
What does the following JS code output?
Easy Registration Queue Logic Queues	Solve
We want to register students for the next semester. All students have a receipt which shows the amount pending for the previous semester. A positive amount (or zero) represents that the student has paid extra fees, and a negative amount represents that they have pending fees to be paid. The students are in a queue for the registration. We want to arrange the students in a way such that the students who have a positive amount on the receipt get registered first as compared to the students who have a negative amount. We are given a queue in the form of an array containing the pending amount. For example, if the initial queue is [20, 70, -40, 30, -10], then the final queue will be [20, 70, 30, -40, -10]. Note that the sequence of students should not be changed while arranging them unless required to meet the condition. ⚠️⚠️⚠️ Note: - The first line of the input is the length of the array. The second line contains all the elements of the array. - The input is already parsed into an array of "strings" and passed to a function. You will need to convert string to integer/number type inside the function. - You need to "print" the final result (not return it) to pass the test cases. For the example discussed above, the input will be: 5 20 70 -40 30 -10 Your code needs to print the following to the standard output: 20 70 30 -40 -10
Medium Visitors Count Strings Logic	Solve
A manager hires a staff member to keep a record of the number of men, women, and children visiting the museum daily. The staff will note W if any women visit, M for men, and C for children. You need to write code that takes the string that represents the visits and prints the count of men, woman and children. The sequencing should be in decreasing order. Example: Input: WWMMWWCCC Expected Output: 4W3C2M Explanation: ‘W’ has the highest count, then ‘C’, then ‘M’. ⚠️⚠️⚠️ Note: - The input is already parsed and passed to a function. - You need to "print" the final result (not return it) to pass the test cases. - If the input is- “MMW”, then the expected output is "2M1W" since there is no ‘C’. - If any of them have the same count, the output should follow this order - M, W, C.

	🧐 Question	🔧 Skill
	Medium Fallback Error Error Boundaries	3 mins React Native	Solve
Review the following React Native Code: We have two ErrorBoundary classes. Notice that both MyComponent and ErrorBoundaryOne throw errors. What ‘Text’ would be rendered in the screen?
	Easy Flex	2 mins React Native	Solve
What is the best way to create following React Native layout with containers 1,2,3?
	Medium Home and Details Screen Navigation	3 mins React Native	Solve
Review the following React Native code: The app has two screens (Home and Details) as shown below: Review the following tests: Test 1 - Click on ‘Navigate.navigate(’Details’)’ button on Home screen, then the same button on the Details screen. Then click on the “back” button of the device/screen. Test 2 - Click on ‘Navigate.push(’Details’)’ button on Home screen, then the same button on the Details screen. Then we clicked on the “back” button of the device/screen. Test 3 - Click on ‘Navigate.navigate(’Details’)’ button on Home screen, then ‘Navigate.push(’Details’)’ button on the Details screen. Then click on the “back” button of the device/ screen. Test 4 - Click on ‘Navigate.push(’Details’)’ button on Home screen, then ‘Navigate.navigate(’Details’)’ button on the Details screen. Then click on the “back” button of the device/ screen. Pick the correct statements:
	Medium Async Await Promises Promises Async-Await	2 mins JavaScript	Solve
What will the following code output? A: 24 after 5 seconds and after another 5 seconds, another 24 B: 24 followed by another 24 immediately C: 24 immediately and another 24 after 5 seconds D: After 5 seconds, 24 and 24 E: Undefined F: NaN G: None of these
	Medium Bitcoin prices Axios Promises	2 mins JavaScript	Solve
Review the following JavaScript code and pick the correct options: Assume that the API returns a successful 200 response code and a JSON object as the response body. What would the value of ‘a’ be after the code is executed?
	Medium My Module Scope	2 mins JavaScript	Solve
What will the output of the following JavaScript code be?
	Medium Promise Resolve Promises Async-Await	2 mins JavaScript	Solve
What does the following code output?
	Easy Throw, Try, Async Promises Async-Await	2 mins JavaScript	Solve
What does the following JS code output?
	Easy Registration Queue Logic Queues	30 mins Coding	Solve
We want to register students for the next semester. All students have a receipt which shows the amount pending for the previous semester. A positive amount (or zero) represents that the student has paid extra fees, and a negative amount represents that they have pending fees to be paid. The students are in a queue for the registration. We want to arrange the students in a way such that the students who have a positive amount on the receipt get registered first as compared to the students who have a negative amount. We are given a queue in the form of an array containing the pending amount. For example, if the initial queue is [20, 70, -40, 30, -10], then the final queue will be [20, 70, 30, -40, -10]. Note that the sequence of students should not be changed while arranging them unless required to meet the condition. ⚠️⚠️⚠️ Note: - The first line of the input is the length of the array. The second line contains all the elements of the array. - The input is already parsed into an array of "strings" and passed to a function. You will need to convert string to integer/number type inside the function. - You need to "print" the final result (not return it) to pass the test cases. For the example discussed above, the input will be: 5 20 70 -40 30 -10 Your code needs to print the following to the standard output: 20 70 30 -40 -10
	Medium Visitors Count Strings Logic	30 mins Coding	Solve
A manager hires a staff member to keep a record of the number of men, women, and children visiting the museum daily. The staff will note W if any women visit, M for men, and C for children. You need to write code that takes the string that represents the visits and prints the count of men, woman and children. The sequencing should be in decreasing order. Example: Input: WWMMWWCCC Expected Output: 4W3C2M Explanation: ‘W’ has the highest count, then ‘C’, then ‘M’. ⚠️⚠️⚠️ Note: - The input is already parsed and passed to a function. - You need to "print" the final result (not return it) to pass the test cases. - If the input is- “MMW”, then the expected output is "2M1W" since there is no ‘C’. - If any of them have the same count, the output should follow this order - M, W, C.

	🧐 Question	🔧 Skill	💪 Difficulty	⌛ Time
	Fallback Error Error Boundaries	React Native	Medium	3 mins	Solve
Review the following React Native Code: We have two ErrorBoundary classes. Notice that both MyComponent and ErrorBoundaryOne throw errors. What ‘Text’ would be rendered in the screen?
	Flex	React Native	Easy	2 mins	Solve
What is the best way to create following React Native layout with containers 1,2,3?
	Home and Details Screen Navigation	React Native	Medium	3 mins	Solve
Review the following React Native code: The app has two screens (Home and Details) as shown below: Review the following tests: Test 1 - Click on ‘Navigate.navigate(’Details’)’ button on Home screen, then the same button on the Details screen. Then click on the “back” button of the device/screen. Test 2 - Click on ‘Navigate.push(’Details’)’ button on Home screen, then the same button on the Details screen. Then we clicked on the “back” button of the device/screen. Test 3 - Click on ‘Navigate.navigate(’Details’)’ button on Home screen, then ‘Navigate.push(’Details’)’ button on the Details screen. Then click on the “back” button of the device/ screen. Test 4 - Click on ‘Navigate.push(’Details’)’ button on Home screen, then ‘Navigate.navigate(’Details’)’ button on the Details screen. Then click on the “back” button of the device/ screen. Pick the correct statements:
	Async Await Promises Promises Async-Await	JavaScript	Medium	2 mins	Solve
What will the following code output? A: 24 after 5 seconds and after another 5 seconds, another 24 B: 24 followed by another 24 immediately C: 24 immediately and another 24 after 5 seconds D: After 5 seconds, 24 and 24 E: Undefined F: NaN G: None of these
	Bitcoin prices Axios Promises	JavaScript	Medium	2 mins	Solve
Review the following JavaScript code and pick the correct options: Assume that the API returns a successful 200 response code and a JSON object as the response body. What would the value of ‘a’ be after the code is executed?
	My Module Scope	JavaScript	Medium	2 mins	Solve
What will the output of the following JavaScript code be?
	Promise Resolve Promises Async-Await	JavaScript	Medium	2 mins	Solve
What does the following code output?
	Throw, Try, Async Promises Async-Await	JavaScript	Easy	2 mins	Solve
What does the following JS code output?
	Registration Queue Logic Queues	Coding	Easy	30 mins	Solve
We want to register students for the next semester. All students have a receipt which shows the amount pending for the previous semester. A positive amount (or zero) represents that the student has paid extra fees, and a negative amount represents that they have pending fees to be paid. The students are in a queue for the registration. We want to arrange the students in a way such that the students who have a positive amount on the receipt get registered first as compared to the students who have a negative amount. We are given a queue in the form of an array containing the pending amount. For example, if the initial queue is [20, 70, -40, 30, -10], then the final queue will be [20, 70, 30, -40, -10]. Note that the sequence of students should not be changed while arranging them unless required to meet the condition. ⚠️⚠️⚠️ Note: - The first line of the input is the length of the array. The second line contains all the elements of the array. - The input is already parsed into an array of "strings" and passed to a function. You will need to convert string to integer/number type inside the function. - You need to "print" the final result (not return it) to pass the test cases. For the example discussed above, the input will be: 5 20 70 -40 30 -10 Your code needs to print the following to the standard output: 20 70 30 -40 -10
	Visitors Count Strings Logic	Coding	Medium	30 mins	Solve
A manager hires a staff member to keep a record of the number of men, women, and children visiting the museum daily. The staff will note W if any women visit, M for men, and C for children. You need to write code that takes the string that represents the visits and prints the count of men, woman and children. The sequencing should be in decreasing order. Example: Input: WWMMWWCCC Expected Output: 4W3C2M Explanation: ‘W’ has the highest count, then ‘C’, then ‘M’. ⚠️⚠️⚠️ Note: - The input is already parsed and passed to a function. - You need to "print" the final result (not return it) to pass the test cases. - If the input is- “MMW”, then the expected output is "2M1W" since there is no ‘C’. - If any of them have the same count, the output should follow this order - M, W, C.

Test candidates on core topics

Core React Native: Core React Native involves understanding the fundamental building blocks of React Native such as components, states, and props. It is essential to measure this skill in the test to ensure that candidates have a strong foundation in React Native development.

Functional components and Hooks: Functional components and Hooks allow developers to write more concise and reusable code in React Native. Including this skill in the test helps to assess a candidate's ability to leverage these modern React features for better code organization and performance.

Handling screen layouts: Handling screen layouts is crucial for creating intuitive and user-friendly mobile applications. This skill is measured in the test to evaluate a candidate's understanding of creating responsive layouts and handling different screen sizes in React Native.

Styled-components: Styled-components enable developers to write CSS-in-JS to style React Native components. Assessing this skill helps determine a candidate's proficiency in using styled-components for efficient and maintainable styling in React Native applications.

Rendering scrollable and custom Lists: Rendering scrollable and custom lists is a common requirement in mobile applications. Measuring this skill in the test ensures that candidates can efficiently render and manage lists of data in React Native for optimal performance and user experience.

State management in components: State management is crucial for building complex and interactive React Native applications. Evaluating this skill helps gauge a candidate's ability to effectively manage state within React Native components using techniques like useState or useContext.

Navigation between screens: Navigation between screens is an essential part of mobile app development. This skill is evaluated to assess a candidate's understanding of implementing navigation in React Native using libraries like React Navigation, allowing seamless transitions between different screens.

Asynchronous APIs: Asynchronous APIs are commonly used in mobile app development for handling network requests, data fetching, and more. Including this skill in the test helps measure a candidate's knowledge of working with asynchronous operations in React Native using concepts like promises or asynchronous/await syntax.

In-App Authentication: In-App Authentication is an important skill to evaluate a candidate's familiarity with implementing secure user authentication within React Native applications. It measures their understanding of authentication flows, token management, and integrating with authentication services like OAuth or Firebase Authentication.

Responsive designs: Responsive designs are crucial for creating mobile applications that adapt to different screen sizes and orientations. Assessing this skill ensures that candidates can build React Native apps that provide a consistent and optimal user experience across various devices.

Debugging React Native apps: Debugging skills are essential for identifying and fixing issues in React Native applications. Measuring this skill helps evaluate a candidate's proficiency in utilizing React Native debugging tools, troubleshooting common errors, and ensuring the smooth functioning of their applications.

Persistence and Session Storage: Persistence and session storage involve saving data locally in a React Native application to provide a seamless user experience. Evaluating this skill helps determine a candidate's ability to implement data persistence using techniques like AsyncStorage or SQLite for secure and efficient data storage and retrieval.

Publishing to Apple and Play stores: Publishing to Apple and Play stores is the final step in bringing a React Native app to users. This skill assesses a candidate's understanding of the app submission process, including app signing, store guidelines, and configuring the necessary build settings to successfully publish an app on both platforms.

Get started for free

Preview questions

Make informed decisions with actionable reports and benchmarks

View sample scorecard

Screen candidates in 3 easy steps

Pick a test from over 500+ tests

The Adaface test library features 500+ tests to enable you to test candidates on all popular skills- everything from programming languages, software frameworks, devops, logical reasoning, abstract reasoning, critical thinking, fluid intelligence, content marketing, talent acquisition, customer service, accounting, product management, sales and more.

Invite your candidates with 2-clicks

Make informed hiring decisions

Get started for free

Preview questions

Try the most advanced candidate assessment platform

ChatGPT Protection

Non-googleable Questions

Web Proctoring

IP Proctoring

Webcam Proctoring

MCQ Questions

Coding Questions

Typing Questions

Personality Questions

Custom Questions

Ready-to-use Tests

Custom Tests

Custom Branding

Bulk Invites

Public Links

ATS Integrations

Multiple Question Sets

Custom API integrations

Role-based Access

Priority Support

GDPR Compliance

Pick a plan based on your hiring needs

The most advanced candidate screening platform.
14-day free trial. No credit card required.

From

$15

per month (paid annually)

View pricing plans

With Adaface, we were able to optimise our initial screening process by upwards of 75%, freeing up precious time for both hiring managers and our talent acquisition team alike!

Brandon Lee, Head of People, Love, Bonito

It's very easy to share assessments with candidates and for candidates to use. We get good feedback from candidates about completing the tests. Adaface are very responsive and friendly to deal with.

Kirsty Wood, Human Resources, WillyWeather

We were able to close 106 positions in a record time of 45 days! Adaface enables us to conduct aptitude and psychometric assessments seamlessly. My hiring managers have never been happier with the quality of candidates shortlisted.

Amit Kataria, CHRO, Hanu

We evaluated several of their competitors and found Adaface to be the most compelling. Great library of questions that are designed to test for fit rather than memorization of algorithms.

Swayam Narain, CTO, Affable