AI Screening Report
Candidate report
This AI screening process offers unbiased, judgment-free screening, eliminating human biases and ensuring the
authenticity of skills on display. It provides a reliable and transparent demonstration of candidates' abilities,
delivering more trustworthy information
Talent info Screening summary Total Questions: 10
Name: Sriashika Addala
Score obtained Percentage obtained Language & communication
Email: sriashikaaddala@[Link]
65/100 65% CEFR grade: B2
Test Completion Date: 03 Jan, 2024
Attempt Number: 1
Skills assessed :
Screened for -
Position: Front-end developer DOM, ReactNative, Javascript, React Js
(ReactJS, NextJS)
Years of experience: 2.00 yrs
Proctoring report Difficulty levels
No Suspicion Detected
Levels Questions with this difficulty level Average scores
Cheating
Easy
0 Questions Average score for this level : 0/10
Dual Screen No
Moderate
Number of refreshes 0 10 Questions Average score for this level : 6.5/10
Tab Change 0 Hard
0 Questions Average score for this level : 0/10
Flagged images 0
Very hard
0 Questions Average score for this level : 0/10
Language And Communication Proficiency (CEFR Grading System)
CEFR grade achieved: B2
C2 - C1 : Proficient user B2 - B1 : Independent user A2 - A1 : Basic user
Capable of effortlessly comprehending Understands complex texts on concrete Understands and communicates basic
spoken and written content, summarizing and abstract topics, including technical information related to personal, family,
information from diverse sources, and discussions in their field. Can shopping, and employment topics. Can
expressing thoughts fluently and precisely, communicate fluently with native engage in simple conversations and
even in complex situations, while speakers and produce detailed written describe their background,
discerning nuanced meanings texts on various subjects, presenting environment, and immediate needs.
different perspectives.
View official translations of the CEFR Global Scale
1 Could you help me understand more about your background by giving a brief introduction of
yourself?
Difficulty: Moderate
Review by AI
Relevant experience with micro front end and adaptive learning. Lacks
grammatical clarity.
Review Answer Time taken : 01 min 30 secs
Answer (transcript) :
Hi. So I'm Sriya Shikar Dalla, and I hear from Hyderabad, India. Well, uh, I am a software engineer by profession
and experienced in delivering micro front end based architectures, especially in the front end. So, uh, I have 3
years of experience working with, uh, the UI, uh, you know, versus cloud.... View More
2 Given heavy use of animations in a React Native app, how would you ensure smooth performance
on various devices?
Difficulty: Moderate
Review by AI
The candidate suggests using animated API and native driver options, and
emphasizes testing on various devices.
Review Answer Time taken : 01 min 59 secs
Answer (transcript) :
So the first thing that comes, for, uh, you know, multi device compatibility is, number 1, you would have to
check uh, the, you know, media query and ensure whatever animation is that you're giving always stays within
the box, the screen, uh, that you're defining it into. Uh, the 2nd most, uh, impor... View More
3 How would you manage global styles uniform across a large React Native application?
Difficulty: Moderate
Review by AI
Candidate suggests avoiding global styles, instead proposes managed
libraries and focused imports.
Review Answer Time taken : 01 min 41 secs
Answer (transcript) :
How would you manage global styles uniform across a large React Native application? Okay. Uh, first of all,
having global styles is not recommended. Uh, you might just Uh, use some managed library like material UI,
etcetera, that supports, you know, extensively defining the classes that you want At ... View More
4 Can you discuss a strategy to minimize page load times for a React-based web application?
Difficulty: Moderate
Review by AI
Candidate demonstrates knowledge on code splitting and using browser
storage, indexing for maximizing performance.
Review Answer Time taken : 01 min 39 secs
Answer (transcript) :
Yes. Of course. Uh, the number one strategy would be code splitting, which we have even done in our projects.
So with code splitting, you can always lazy load the content only on demand. Like, let's say, if you're only hitting
the slash a root. Only the content of root a will be loaded into the, y... View More
5 What are the performance considerations when choosing between inline styles and CSS modules
in a React app?
Difficulty: Moderate
Review by AI
Highlight importance of CSS modules over inline styles for performance.
Time taken : 01 min 39 secs
Review Answer
Answer (transcript) :
Uh, I think we recently discussed that, uh, using inline styles, uh, brings in a lot of, uh, headache. And, uh, you
know, it's it's basically the definitions and everything are gone at runtime. So when this happens, the load also
increases, which leads to reduced performance. Right? Inefficient perf... View More
6 How do you optimize website performance when dealing with heavy scripts in React JS?
Difficulty: Moderate
Review by AI
Candidate discusses state management, memoization, code splitting, and
uses advanced techniques like lazy loading.
Review Answer Time taken : 01 min 56 secs
Answer (transcript) :
How do you optimize website performance when dealing with heavy scripts in React So, uh, there's one thing.
Uh, so avoid using Redux so, you know, a global context API for, uh, you know, frequently changing states. So if
you have a stateful transaction and all, try to keep it as local as possible be... View More
7 The console is giving a 'Each child in a list should have a unique key' prop warning. Can you
explain why this warning is showing and how to fix it?
<div>
{['foo', 'bar', 'baz'].map(item =>
<p>{item}</p>
)}
</div>
Difficulty: Moderate
Review by AI
The candidate explained the significance of 'key' in React and how to fix
the provided code snippet effectively.
Review Answer Time taken : 01 min 50 secs
Answer (transcript) :
So, uh, the keys in React hold a very, you know, huge amount of significance. So in this code, well, the p, uh, tag
the paragraph tag does not contain a key attribute because, As you can see, full bar and bars fall inside a list.
And a JSX is being returned, You know, uh, by transforming this linear... View More
8 How would you efficiently handle multiple API calls and their states in a React component?
Difficulty: Moderate
Review by AI
Demonstrated understanding of handling states in React with [Link]
and useReducer for functional components.
Review Answer Time taken : 01 min 28 secs
Answer (transcript) :
How do you efficiently handle multiple API calls and their states in a React component? It depends. Uh, so if all
the API calls have to happen at the same time, then we can just use maybe promise at all. And, uh, you know,
uh, whatever responses we get from all the promises, we can stay uh, you know... View More
9 Can you detail a time when you optimized a React application's bundle size? What tools and
strategies did you use?
Difficulty: Moderate
Review by AI
Candidate has experience optimizing React bundle size using code
cleanup and Webpack Bundle Analyzer.
Review Answer Time taken : 01 min 48 secs
Answer (transcript) :
Can you detail a time when you optimize your React application's bundle size? What tools and strategies did
you use? Yes. We did absolutely, uh, reduce I mean, optimize the react application's bundle size? So the
number 1, You know, strategy that we use was find out all the essential, uh, Versus Cod... View More
10 How would you implement authentication flows using JSON Web Tokens (JWT) in a ReactJS app?
Difficulty: Moderate
Review by AI
Candidate discussed integrating AWS Cognito with JWT for authentication
in a ReactJS app, referencing a specific use case.
Review Answer Time taken : 01 min 59 secs
Answer (transcript) :
Okay. Uh, so, uh, I will take the example of our application. So what we had done is, uh, we did use JSON Web
Tokens for authentication. So the number one thing that happens is, uh, you might probably have a login
screen or something, uh, in which we had integrated AWS Cognito. So Cognito, what it d... View More
Good to have questions (2 questions)
Please note that these questions aren’t scored and do not impact the talent’s overall score of this
screening
11 Discuss your experience with implementing internationalization in a React app and the tools you
used.
Review Answer Review by AI
Candidate discussed experience with React internationalization using
Good to have question i18next and manual checks through ChatGPT implementations.
Time taken : 01 min 59 secs
Answer (transcript) :
Uh, so we recently launched our product, uh, in Japan, and, uh, this is the secret that we had, uh, which is
internationalization in a React tab. And so Number 1 tool would be we had used, uh, chat GPT. Like, uh, we did
leverage chat g p t, for manual verification of whether the translation is corre... View More
12 As a 'good_to_have' skill, how would you rate the importance of accessibility in front-end
development, especially in React applications?
Review Answer Review by AI
Candidate understands the essentiality of accessibility in React apps, but
Good to have question lacks precise technical lingo.
Time taken : 01 min 34 secs
Answer (transcript) :
And so good to have skill. How are you, Riti? I mean, uh, as rare as it is, the important of accessibility Is, uh, huge
because, uh, if your React tab looks great, feels great, or gives a lot of features, It all doesn't matter if your reach
in, uh, every kind of customer is not up to the mark. So th... View More
