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.

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

Test Duration

40 mins

Difficulty Level

Moderate

Questions

5 JavaScript MCQs
5 React Native MCQs
1 JavaScript Coding Question

Availability

Ready to use

Get started for free

Preview questions

About the

The React Native Online Test helps recruiters identify capable candidates from a pool of applicants, facilitating objective hiring decisions. It lessens the burden of interviewing numerous individuals and saves time by filtering candidates early in the hiring process.

The test examines candidates' skills in core React Native concepts, including components, state, and props. It evaluates their understanding of functional components, Hooks, screen layouts, styled-components, and rendering scrollable and custom lists. The assessment also covers state management, navigation, asynchronous APIs, in-app authentication, responsive designs, debugging, persistence, session storage, and publishing to app stores.

1200+ customers in 80 countries

Use Adaface tests trusted by recruitment teams globally. Adaface skill assessments measure on-the-job skills of candidates, providing employers with an accurate tool for screening potential hires.

Get started for free

Preview questions

Non-googleable 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 Error Handling React Native Code Review	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 Flexbox Layout Flexbox In 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 React Native Fundamentals	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 Asynchronous Programming	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 Javascript Es6 Closure	Solve
What will the output of the following JavaScript code be?
Medium Promise Resolve Promises Async-Await Code Analysis Syntax Understanding	Solve
What does the following code output?
Easy Throw, Try, Async Promises Async-Await Async/await	Solve
What does the following JS code output?
Easy Registration Queue Logic Queues Sorting By Custom Order	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 String Parsing Character Counting	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 Error Handling React Native Code Review	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 Flexbox Layout Flexbox In React Native	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 React Native Fundamentals	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 Asynchronous Programming	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 Javascript Es6 Closure	2 mins JavaScript	Solve
What will the output of the following JavaScript code be?
	Medium Promise Resolve Promises Async-Await Code Analysis Syntax Understanding	2 mins JavaScript	Solve
What does the following code output?
	Easy Throw, Try, Async Promises Async-Await Async/await	2 mins JavaScript	Solve
What does the following JS code output?
	Easy Registration Queue Logic Queues Sorting By Custom Order	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 String Parsing Character Counting	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 Error Handling React Native Code Review	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 Flexbox Layout Flexbox In React Native	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 Fundamentals	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 Asynchronous Programming	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 Es6 Closure	JavaScript	Medium	2 mins	Solve
What will the output of the following JavaScript code be?
	Promise Resolve Promises Async-Await Code Analysis Syntax Understanding	JavaScript	Medium	2 mins	Solve
What does the following code output?
	Throw, Try, Async Promises Async-Await Async/await	JavaScript	Easy	2 mins	Solve
What does the following JS code output?
	Registration Queue Logic Queues Sorting By Custom Order	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 String Parsing Character Counting	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.

Get started for free

Preview questions

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

Why you should use React Native Online Test (React Native + JavaScript)?

The React Native Online Test offers a streamlined method to evaluate candidates on their practical React Native skills. This assessment goes beyond theoretical knowledge, focusing on real-world application and problem-solving abilities that are immediately transferable to your development team. It helps identify individuals who can contribute meaningfully from day one.

This test evaluates a candidate's grasp of core React Native concepts, including component usage, state management, and props. It gauges their ability to work with functional components, hooks, and handle screen layouts. The questions also assess their understanding of rendering scrollable lists, navigating between screens, working with asynchronous APIs, and creating responsive designs. Furthermore, the test examines debugging proficiency and understanding of persistence and session storage.

After a candidate completes the test, you'll receive a detailed scorecard, providing a skills breakdown and benchmark comparisons to help you quickly identify and shortlist the most promising candidates from your applicant pool.

What topics are covered in the React Native Online Test (React Native + JavaScript)?

This test gauges a candidate's ability to build React Native applications. It begins with Core React Native (components; state; props), verifying understanding of the building blocks for user interfaces and data management. A strong handle on these concepts is the bedrock of creating any React Native app.

Next, the assessment explores Functional components and Hooks. This section checks their comfort with modern React paradigms, allowing for cleaner and more manageable code.

Screen layout is also examined via Handling screen layouts. Candidates need to demonstrate the capacity to structure content effectively for different device sizes and orientations.

Styled-components measures the ability to write CSS-in-JS, to create reusable and maintainable styles directly within React Native components.

Furthermore, the evaluation covers Rendering scrollable and custom Lists. This demonstrates proficiency in displaying dynamic data and optimizing performance for large datasets.

The assessment then moves to State management in components, gauging the candidate's familiarity with local state management to create dynamic UIs.

Navigation between screens is assessed to confirm their capacity to develop multi-screen applications.

Candidates are tested on Asynchronous APIs, verifying their understanding of how to fetch and process data from external sources, a common requirement for apps.

In-App Authentication capabilities are also reviewed to determine if they can implement secure user login and authorization flows.

Responsive designs are covered, to ensure the candidate can make interfaces adaptable to various screen dimensions.

Debugging React Native apps is also measured to see if the can find and solve problems in their code.

The test also checks their knowledge of Persistence and Session Storage. This section assesses their ability to store data locally, like user preferences.

Lastly, the test touches on Publishing to Apple and Play stores to see if they can follow the steps to deploy their apps.

Full list of covered topics

The actual topics of the questions in the final test will depend on your job description and requirements. However, here's a list of topics you can expect the questions for React Native Online Test to be based on.

React Native components

State

Props

Functional components

Hooks

Screen layouts

Styled-components

Scrollable lists

Custom lists

State management

Navigation

Asynchronous APIs

In-app authentication

Responsive designs

Debugging

Persistence

Session storage

Publishing

Apple Store

Play Store

Core React Native

Handling exceptions

Error handling

Component lifecycle

JSON parsing

Data binding

Form validation

Event handling

Props validation

Prop drilling

Higher-order components

Redux

Redux Saga

MobX

React Navigation

React Navigation v5

React Navigation v6

FlatList

SectionList

VirtualizedList

AsyncStorage

NetInfo

React Native Debugger

Performance optimization

Localization

Push notifications

App deployment

App signing

Error monitoring

Unit testing

Integration testing

End-to-end testing

Code signing

Continuous integration

Continuous deployment

React Native CLI

Expo CLI

What roles can I use the React Native Online Test (React Native + JavaScript) for?

React Native Developer
React Native Mobile Developer
React Native iOS Developer
Senior Software Developer (React Native)
React Native Engineer
Android Developer (React Native)
React Native Lead
Senior Mobile Developer (React Native)

How is the React Native Online Test (React Native + JavaScript) customized for senior candidates?

For experienced React Native developers, the assessment adapts to evaluate advanced skills and knowledge. The test focuses on gauging their depth of understanding and practical experience in tackling complex challenges within React Native projects.

The questions for senior candidates explore topics such as in-app authentication implementation and understanding of styled-components. It gauges their skill in state management in complex application architectures and ability to optimize performance of React Native apps. It evaluates their ability to plan for publishing apps to both Apple and Play stores. Furthermore, assessment includes questions designed to uncover their ability to identify and solve architectural problems and contribute to code reviews.

Preview this test

View sample scorecard

Try the most advanced candidate assessment platform

AI Cheating Detection with Honestly

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

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

Have questions about the React Native Online Test (React Native + JavaScript)?

What is React Native Online Test?

The React Native Online Test assesses a candidate's proficiency in building mobile applications using React Native. This test is used by recruiters to evaluate potential hires' skills in modern mobile development and to ensure they meet job requirements.

Can I combine React Native Online Test with JavaScript questions?

Yes, recruiters can request a single custom test with multiple skills in the same test. For more details on how we assess JavaScript skill, you can refer to the JavaScript Online Test.

What topics are evaluated in the React Native Online Test?

The test covers a variety of topics including:

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

How to use React Native Online Test in my hiring process?

Use the test as a pre-screening tool early in your recruitment process. Add a link to the assessment in your job post, or invite candidates by email. This helps identify skilled candidates effectively and faster.

Can I test JavaScript and React Native together in a test?

Yes, you can test JavaScript and React Native together. This combination is recommended to ensure candidates have a strong foundation in both JavaScript and React Native. For more details, see the JavaScript, HTML, & React Test.

What are the main Front End Developer tests?

Some of the main tests in this category include:

Can I combine multiple skills into one custom assessment?

Yes, absolutely. Custom assessments are set up based on your job description, and will include questions on all must-have skills you specify. Here's a quick guide on how you can request a custom test.

Do you have any anti-cheating or proctoring features in place?

We have the following anti-cheating features in place:

Hidden AI Tools Detection with Honestly
Non-googleable questions
IP proctoring
Screen proctoring
Web proctoring
Webcam proctoring
Plagiarism detection
Secure browser
Copy paste protection

Read more about the proctoring features.

How do I interpret test scores?

The primary thing to keep in mind is that an assessment is an elimination tool, not a selection tool. A skills assessment is optimized to help you eliminate candidates who are not technically qualified for the role, it is not optimized to help you find the best candidate for the role. So the ideal way to use an assessment is to decide a threshold score (typically 55%, we help you benchmark) and invite all candidates who score above the threshold for the next rounds of interview.

What experience level can I use this test for?

Each Adaface assessment is customized to your job description/ ideal candidate persona (our subject matter experts will pick the right questions for your assessment from our library of 10000+ questions). This assessment can be customized for any experience level.

Does every candidate get the same questions?

Yes, it makes it much easier for you to compare candidates. Options for MCQ questions and the order of questions are randomized. We have anti-cheating/ proctoring features in place. In our enterprise plan, we also have the option to create multiple versions of the same assessment with questions of similar difficulty levels.

I'm a candidate. Can I try a practice test?

No. Unfortunately, we do not support practice tests at the moment. However, you can use our sample questions for practice.

What is the cost of using this test?

You can check out our pricing plans.

Can I get a free trial?

Yes, you can sign up for free and preview this test.

I just moved to a paid plan. How can I request a custom assessment?

Here is a quick guide on how to request a custom assessment on Adaface.

View sample scorecard

Along with scorecards that report the performance of the candidate in detail, you also receive a comparative analysis against the company average and industry standards.

View sample scorecard