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

Get started for free

Preview questions

About the

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

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 makes use of scenario-based questions to test for on-the-job skills as opposed to theoretical knowledge, ensuring that candidates who do well on this screening test have the relavant skills. The questions are designed to covered following on-the-job aspects:

Understanding of core React Native concepts such as components, state, and props.
Proficiency in functional components and Hooks.
Ability to handle screen layouts effectively.
Experience with styled-components for styling React Native components.
Knowledge of rendering scrollable and custom lists in React Native.
Strong understanding of state management in React Native components.
Familiarity with navigation between screens in React Native.
Experience with asynchronous APIs in React Native.
Proficiency in implementing in-app authentication in React Native.
Ability to create responsive designs in React Native.

Once the test is sent to a candidate, the candidate receives a link in email to take the test. For each candidate, you will receive a detailed report with skills breakdown and benchmarks to shortlist the top candidates from your pool.

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

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.

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 intermediate/ experienced candidates, we customize the assessment questions to include advanced topics and increase the difficulty level of the questions. This might include adding questions on topics like

Skilled in debugging React Native apps.
Knowledge of persistence and session storage in React Native.
Proficiency in publishing React Native apps to Apple and Play stores.
Expertise in handling exceptions and errors in React Native.
Ability to integrate third-party libraries and packages in React Native projects.
Experience with implementing push notifications in React Native.
Familiarity with implementing animations and transitions in React Native.
Knowledge of offline and caching strategies in React Native.
Ability to optimize performance in React Native apps.

The coding question for experienced candidates will be of a higher difficulty level to evaluate more hands-on experience.

Preview this test

View sample scorecard

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

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:

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