DEV Community: Pawanupadhyay10

Mastering React Rendering: Tips, Tricks, and Best Practices

Pawanupadhyay10 — Mon, 01 Jul 2024 03:01:37 +0000

Understanding React Rendering

React rendering is the process of converting your components into actual HTML elements that are displayed in the browser. But it's not just about generating HTML – React's rendering engine is designed to minimize the number of DOM mutations, ensuring that your app stays fast and responsive.

The rendering process involves the Virtual DOM, a lightweight in-memory representation of your component tree. When your components change, React updates the Virtual DOM, then efficiently updates the real DOM by comparing the two and only making the necessary changes. This process is called reconciliation.

Optimization Techniques

So, how can you optimize your React rendering for better performance? Here are some tips:

Memoization: Use React.memo to memoize functional components and prevent unnecessary re-renders.
shouldComponentUpdate(): Implement this lifecycle method to control whether your component should update or not.
Use immutable data structures: Immutable data structures help React detect changes more efficiently, reducing unnecessary re-renders.

Best Practices

Here are some best practices to keep in mind when writing rendering code:

Keep your components simple and focused: Avoid complex logic in your components – keep them simple and focused on rendering.
Use a consistent coding style: Follow a consistent coding style to make your code readable and maintainable.
Use React DevTools: Use React DevTools to inspect your component tree and debug rendering issues.

Conclusion

Mastering React rendering takes time and practice, but with these tips, tricks, and best practices, you'll be well on your way to building fast, efficient, and scalable applications. Share your own experiences and tips in the comments below, and happy coding!

Hashedin by Deloitte Interview SDE-1 || Off- Campus (Trainee+ FTE)

Pawanupadhyay10 — Wed, 18 May 2022 18:16:21 +0000

Selection Status : Selected ✅

Offer Accepted : Accepted ✅

Interview Experience : 💚💚💚💚

My Profile while applying

4rd Year student pursuing BTech. in CSE from THDC Institute of * * HydroPower Engineering and Technology.
Google Summer of code and other opensource contributions.
Founder of Soution#Hub 100+ installs at Google play store.
Past internship experience with Mindtree, TheHouseMonk and LearnForCause and ColouredCow .
Problem Solver

STEP 1:

I Applied through their Carrer Page but You can find Openings through LinkedIn Also.

STEP 2 (Online Test):

Online test was conducted on codility platform. There were 3 questions which are to be solved in 1.5 hours.

One is easy and 2 are medium-level Question

STEP 3 (Technical Interview - 1): Approx 40 to 50 minutes

2 DSA questions easy and medium (from array and tree)
Project dicussion
Cs fundamentals

STEP 4 (Technical Interview - 2):

2 DSA questions easy and medium (both from maps)
Project dicussion

STEP 5 (HR Round):

Tell me about yourself?
Education Background.
Why Hashedin and what excites you to join Hashedin.
and Similar.

Thank Tou!!

Meta(Facebook) University Grad (Full Time) Interview Experience — Off Campus

Pawanupadhyay10 — Wed, 18 May 2022 17:55:00 +0000

Hi all 🙋🏻‍♂️

I am back with another interview experience. This time it’s Meta London and Meta USA (Melon Park, Washington ,2 more locations) for 2 profiles — Frontend Engineer Role and Production Engineering.

Selection Status : Rejected(Meta Freeze hiring 😒I don't no what it happening at Meta(Facebook))

Offer Accepted : ❌

Interview Experience : 💚💚💚💚

My Profile while applying

4rd Year student pursuing BTech. in CSE from THDC Institute of HydroPower Engineering and Technology.
Google Summer of code and other opensource contributions.
Founder of Soution#Hub 100+ installs at Google play store.
Past internship experience with Mindtree, TheHouseMonk and LearnForCause and ColouredCow .
Problem Solver

How I applied ?

Recruiter herself approached me via mail I didn't apply for Frontend Engineer Role and In Production engineer , I and my 2 close friends has attended their event of production engineering ,then we gave cold mail to recruiter.
Within 1 days, I received response from a recruiter that my process of interview has started by her and she send me some Linux exercise of MCQs.The exercise contained a combination of 20 MCQ. Each question had one correct answer. We had a maximum of 18 minutes to complete the exercise. . I solved it within 2 days , next day I got congratulation mail for moving ahead.

Interviews:-

Now within 14 days my 2 interviews scheduled + mock interview with meta engineer.
Let's start with meta mock interview , it was good and my feedback was shared with me by recruiter I got 4.5/5 stars ,just 2 questions of DSA asked by interviewer.
Now my college is also creating issues do assignments, viva useless stuff in between. Anyhow my college didn't supported me , I have to manage now, I did possible prep in between collage issues. Now interview came

System Interview:- All about Linux + Operating system questions kind of Viva (I did it well except 1 question I don't know ).
Coding Interview :- 2 questions of DSA (I did both correctly) because same questions came while I was practicing. It all went very well.

Now Meta Freeze Hiring Seen raised , I really don't now what to do in that condition , my recruiter is also out for vacations.

My SDE intern Experience With Hacker Rank (Twice)

Pawanupadhyay10 — Fri, 13 May 2022 06:10:58 +0000

Hi everyone 👋

I got the opportunity to interview with HackerRank India for Twice i.e in September for winter session and for June session in march profiles, both off campus. The story is quite dramatic 🙈. Hope you enjoy it.

Selection Status : ❌(Even After Clearing interviews ,seat got full because I appeared little late for interview , during festival session of Diwali)

Interview Experience: ✔️

Recruitment Experience: ✅(OK)

How do I apply?

I applied directly to their carrier portal and within 4 days got mail of shortlisted after having a phone conversation with the recruiter, she asked me some questions about my college as to allow intern of 6 months and some basic non-technical questions.

Interviews

Now my 1st interview is scheduled with the engineering manager of hacker rank. It was not a DSA round(Hackerank doesn't ask DSA questions only your Project discussion around 20 min.)
After it 2nd interview with CTO (around 20 to 30 min. ), it is about again on projects and past internship experiences.
After it, within 2 weeks I got seat full mail.

Thanks
Hope you like it.

My Google Warsaw(Poland)SDE university Grad Role Experience

Pawanupadhyay10 — Wed, 11 May 2022 07:32:30 +0000

Hi everyone 👋

I got the opportunity to interview with Google Warsaw(Poland) for Software Engineer Role(University Grad), off campus. The story is quite dramatic 🙈. Hope you enjoy it.

Selection Status : ❌

Interview Experience: ✔️

Recruitment Experience: ✅(OK)

How I applied?

It was on around of end of February when I received this mail from a Google Recruiter, which said that my resume had been shortlisted for the Google SDE university Grad role 2022, and I was asked for preferred dates for the Interview.
As soon as I received the mail, I replied to the Recruiter within 2 days about me.

Interviews

The phone call with the recruiter was 1st interview. I attended the phone call, wherein she informed me that I was shortlisted for the Interview Round 🥳 (this call happened after my mail response to the recruiter).
What my recruiter asked during an interview, I will say nothing, just my past experience, where and how I interned. It was easy, after this, I was shortlisted for the next technical interviews, she made me aware of what and how many rounds will be there.
I asked can I take around 1 month time to prepare, and the answer was simple it depends on much time the role is opened, I was lucky I got 1 month time to prepare.
then in the 1st week of April, my interview was scheduled, and I did whatever was possible to prepare in-between times,
now interview came and the interviewer was good but he speaks less directly and jumped to questions, then he explained the question.
I gave the brute force solution to him after thinking for 5 mins. then we discussed the time complexity of the solution, he told me to optimize my solution, I have taken much time in optimizing it (negative point) then he said me to write my brute force solution, I explained him, and the interview ended with the last question about I asked him his experience at Google.
It, within a week I got a mail from the recruiter that we are not moving forward just because an optimized solution is needed.

Suggestion

Try to optimize the solution as soon as you can. I can't disclose the solution due to google policy but yes it was from array/string.
Thanks

My First Android App🎉😊

Pawanupadhyay10 — Fri, 29 Oct 2021 06:32:10 +0000

Solution#Hub-:

Solution#Hub-: Social app for helping students to solve their doubts

Inspiration🌠

Academic success is important because working people will need higher levels of education to tackle the technologically demanding occupations of the future. ... Mostly these days every student is engaged in improving their day today's study .Really sometimes getting an exact or amazing approach of a question is not that easy,to solve this dilemma ,I came across the idea of solution sharing platform , socially and I build the Solution#Hub.

What it does🚀

Solution#Hub is a social solution sharing app for the doubts of anybody in any area they are facing trouble.
First is opens with authentication screen using your email id and password then , one should login if account is already created otherwise ,first create account via clicking the create account button. Then a app logo splash screen appears for few seconds and you enters in the zone of lots of doubts of the peoples, Now search according to the subject which you want to solve using search-bar and give your solution to someones doubts. Don't forget to ask for feedback i.e stars ,yes the app has feature ,-more stars you have more up will be the your posted question and answer as well.
And if you don't have any solution ,No worries click the circular post button and post your question and wait who will answer it first.It only takes 15 seconds because I used timer for it.
Yes, app also have the special features for questions of aptitude ,all aptitude doubts will appears under one
tab,which makes it more useful as, mostly students find mathematics to hard as compare to other subjects. and feel free to logout if don't want yourself to be logged in.

How I built it🔨

I started off by creating a prototype in Figma. The mobile application was built using Kotlin and Android-Stusio as tool. We made use of Firebase-Firestore for authentication and for saving user data.I used Picasso library for string-url to image parsing.

Challenges I ran into🔴

I ran into some problems with On each item click in Recycler View as to provide different solutions to every question posted on the app.But yes besides it firebase firestore was very new to me, i was challenge task for me to connect my Ui to firestore ,Moreover how to Load images using Picasso Library from image url. And publishing to google play store,creating singed APK bundle was very new to me but finally i did it.

Accomplishments that I'm proud of🎖

I am able to create our proper authentication system along with forget password option which I never really tried before. I also explored Firestore in a deep way and got to understand how a few things worked a particular way. Making the Nested recycler view work was tough but finally i was able to work properly as to provide different solutions to a single question.

What I learned📚

I got more experience in kotlin and firebase-firestore by building this application. Got to learn about different authentication systems and how everything interacts in the kotlin application during auth. I also wished to integrate video solutions in the app and hence got a chance to work around how video solution parse using url.And how to make app available on google play store.

What's next for Solution#Hub🎉

The current point system that I have is dynamic but I would love to introduce video solutions and scanning the question option into the application to make the whole experience even more rewarding.

Project Gallery📷

Try it out here

You can download It from google play store
Download it here - Solution#Hub
It has 100+ downloads recently.

Data-structure & Algorithm

Pawanupadhyay10 — Sun, 17 Oct 2021 11:48:20 +0000

Why learn Data-Structures And Algorithm 🤔?

To Crack the Interviews of the Top Product Based Companies.
To Solve Some Real-World Complex Problems.
Data structure and algorithms help in understanding the nature of the problem at a deeper level and thereby a better understanding of the world.

Where to Start As beginner🤷‍♀️🤷‍♂️.

These days there is a lot of platforms to start with data structure and Algorithm.At First, you must know a programming language like c++/java/python, then basic data structures like an array, hash map, tree, graphs, heap, etc. After this, move to coding platforms like hackerrank. HackerEarth, Leetcode, CodeChef, codeforces, etc and start practicing the variety of questions.

Choosing a Programing Language 🤷‍♂️.

Which one to choose 🤔 according to one's choice, need and Syntax Comfort-ability.

My opinion:-

C++: If you are interested in coding contests like ACM-ICPC then C++ makes your contest easy because of its STL library in-build functions.
Java: If you want to explore coding contests and development both, better to go with java, but you will not get a library like STL in it. And also syntax is a bit lengthy.
Python: Basically python is best for development but can also be used for coding contests, with rich in-build library functions.

Where to Practice .📲

Note/Suggestion: 📗📕📙

First solve 250 to 350 Standard questions (must do) before moving to any Competitive coding platform. Benefit of doing-After doing the SDE sheet you will have basic clarity and command over the data structure.

1.SDE Sheets
There is so many SDE sheet available on the internet but some
amazing ones are here.

2.Platforms for Competitive Programming

Codechef
Codeforces

Best resources 👍🎉

Websites

Youtube Channels

Luv's channel- For STL and Competitive coding
Striver-channel
Fraz's Channel
Amazing one Kunal Kushwaha

🤦‍♀️🤦‍♂️Mistakes Done by learners while learning Data structure & Algorithm

Inconsistency is the one of the Major problem , which must be avoided while doing daily problem-solving.
Going through so many resources, Not completing any one SDE sheet will make you land no ware.

Best Practices 👍

Solve daily at least 2 questions from any platform, it will give you confidence and make you learn a lot.
Always stick to 1 resource completely and then move to another one.

Thanks

And show your support
Buy me a coffee