RR

RAVI RANJAN JHA Watch Interview

React Frontend Developer

Total Experience: Notice Period: Preferred Locations:

3 years 15 days - Notice Period

Soft Skills

English Language Proficiency Communication

Competent with Noticeable Mistakes Concise and To-the-point

Ability to write clean code

Attitude
Well-Structured with Minor Improvements
Open-Minded and Adaptable
Needed

Technical Skills Excellent Good Average Weak

Core React Concepts JSX,components, props & state 84/100 Performance 53/100

Common State Management Libraries 44/100

JSX,components, props & state Excellent 84/100

He provided a clear and detailed explanation of the importance of using unique keys for each list item, supported
by a practical demonstration. Additionally, he discussed the concept of lifting state up, explained the significance of
maintaining immutability when passing data as props, and introduced the concept of custom hooks.

Performance Good 53/100

He has some experience working with the React Profiler tool, but not much. He explained an understanding of code
splitting and its role in improving the initial load time of an application. Additionally, he explained the purpose of
the useTransition hook and discussed strategies for identifying expensive computations within render functions that
could be contributing to performance bottlenecks.

Common State Management Libraries Adequate 44/100

He has experience working with Redux and demonstrated an understanding of when to use Redux versus the
Context API. However, he was unable to clearly explain the concepts of derived state and normalized state. On the
other hand, he is familiar with memoization and effectively uses the useSelector hook to optimize performance.

codemonk.io Page 1/3

 JavaScript Fundamentals Asynchronous JavaScript (e.g., callbacks, promises, event loop). 96/100

Asynchronous JavaScript (e.g., callbacks, promises, event loop). Excellent 96/100

He provided a detailed explanation of Promise.all and Promise.race while also presenting a comprehensive solution
to the coding challenge discussed. Additionally, he thoroughly covered advanced JavaScript concepts, including the
task queue, microtask and macrotask queues, the call stack, and the event loop.

CSS Flexbox 87/100 CSS Grid 91/100 Media Queries 24/100

Flexbox Excellent 87/100

He thoroughly explained and demonstrated the use of flex and its various properties. However, he encountered some
difficulty when attempting to clarify the concept of flex-shrink.

CSS Grid Excellent 91/100

He has a good understanding of CSS grid layout, including the differences between grid and flexbox, and has
successfully applied this knowledge in his implementations.

Media Queries Weak 24/100

He knows about media queries but faced an issue with the implementation.

Evaluated Soft Skills

English Language Proficiency Communication

Competent with Noticeable Mistakes Concise and To-the-point

Noticeable errors in communication, which may Clear explanations, relevant examples, structured
include frequent grammatical mistakes or vocab- answers, minimal filler words
ulary issues. Communication is understandable
but may require effort from both parties

Attitude Ability to write clean code

Open-Minded and Adaptable Well-Structured with Minor Improvements Need-

Receptive to new ideas, flexible in thinking, ed
adapts well to feedback, and shows a willingness Good structure, mostly clear naming and format-
to change their approach ting, a few minor inconsistencies or areas where
readability could be improved

codemonk.io Page 2/3

Rating Description

Excellent Candidate answered all questions perfectly, demonstrating a clear and deep understanding
of the concept. Their explanations were thorough and addressed potential edge cases or
complexities.

Good The candidate answered most questions to the point, demonstrating a good grasp of the
concept. Their explanations were clear and accurate, even if they lacked depth in some
areas.

Adequate The candidate answered some questions correctly but struggled with others. Their answers
revealed some flaws or incomplete understanding of the concept. They might have benefited
from significant prompting or clarification to reach the correct answer.

Weak The candidate has only basic awareness of the concept or has heard of it but cannot
answer questions accurately. Their explanations were vague or demonstrated a fundamental
misunderstanding.

codemonk.io Page 3/3

 Ravi Ranjan Jha
[email protected] | +91 9971135107 | rrjportfolio.netlify.app | https://linkedin.com/in/ravi-ranjan-jha | GitHub
Professional Summary
React.js and Next.js Developer with 3+ years of experience in building high-performance, scalable web applications. Skilled in
JavaScript, TypeScript, HTML, CSS and Redux for state management.

Technical Skills
Languages: JavaScript, TypeScript, Python, C++, C
Frontend Technologies: React.js, Next.js, Redux, Redux-Toolkit, Material-UI, Tailwind CSS, Bootstrap, Ant Design (AntD),
HTML5, CSS3, SASS, JavaScript (ES6/ES7+), React Testing Library, Jest, Axios, GraphQL, Git, Cypress
Backend Technologies: Node.js, Express, MongoDB, RESTful APIs
Tools and Version Control: Git, GitHub, Postman, Webpack, Babel

Experience
Software Engineer (React), Kodehash Technologies Private Limited – Gurgaon, IN August 2023 – Present
• Reduced page load time by 75% by optimizing React component rendering through memoization, caching strategies, and
deploying a predictive algorithm for user data fetching.
• Adopted SSR with Next.js, improving SEO rankings by 30%, reducing page load times by 40%, and increasing organic traffic
by 20%, enhancing user experience and performance.
• Optimized application performance in React by utilizing useCallback, useMemo, and lazy loading techniques, reducing
unnecessary renders by 30% and improving load times by 40%, resulting in a more responsive and efficient user experience.
• Engineered custom form components (input fields, checkboxes, radio buttons, and dropdowns), improving UI consistency
and flexibility across the application, resulting in a 25% reduction in development time and seamless integration with
existing React components.
• Designed a custom hook for managing dynamic forms in React, reducing boilerplate code by 40% and improving
scalability and reusability across components.
• Utilized React Suspense and Lazy Loading to split bundles and optimize application loading, reducing initial load time by
50% and improving overall performance.
Full Stack Developer, MerkleTree Private Limited – Noida, IN November 2021 – May 2023
• Developed a reusable modal component using React hooks and Redux Toolkit slice, enabling efficient state management
through dispatch actions. This approach reduced prop drilling by 50%, significantly improving development efficiency
and maintainability.
• Built a dynamic data visualization tool with React and Chart.js, enhancing rendering performance by 40% through
optimized updates and efficient data handling, resulting in faster data rendering and improved user experience with large
datasets.
• Enhanced performance in large-scale React applications by implementing Virtualization with react-window and
react-virtualized, reducing render time by 50% and improving memory efficiency.
• Integrated dynamic search functionality into a React-based application, extracting and indexing metadata from user
interactions, resulting in a 30% faster search response time and a 20% increase in search accuracy.
• Refactored legacy React codebase to TypeScript, improving type safety, reducing bugs by 30%, and boosting developer
productivity by 25%.

Education
Master of Computer Applications (MCA), GGSIPU, Delhi July 2018 – May 2021
• Score: 80%
Bachelor of Computer Applications (BCA), SMU, Delhi July 2014 – August 2017
• Score: 60%

Certifications
MERN Stack (Certification from Udemy) July 2021
Certificate ID: UC-4c6357cb-cbe7-43e2-b0c3-b72a75ed03e2
Algorithm Toolbox (Certification from Coursera) July 2020
Certificate ID: 6CZLQGJ5W79A