Using fragments to avoid creating DOM nodes — ReactJS optimization technique

Nirmal Joshi
1 min readJul 29, 2022

I’ve already discussed a couple of techniques in the previous posts. Do check them out to know about how to optimize your react apps with the help of Memoization and React.Suspense.

And now let’s continue and see how you can optimize the performance of your react app by using React.Fragment to avoid creating DOM nodes unnecessarily. I’ve explained the concept briefly in a short video. Have a look-

Check out my best-selling Udemy course on ReactJS which has a huge collection of interview questions asked in real-world scenarios.

About me:

Founder and CEO of an IT company in India, I have more than 25 years experience of in dealing with people, processes, and codes. I started online training for my students when it was not in fashion and have trained more than 1000 students/working professionals personally which has helped them to secure awesome jobs or even start their own businesses.

Check out my Udemy profile to know more about the courses that I teach.

I am also been an active corporate trainer for several years now and have been consulting with top Fortune 500/1000 companies to streamline their development projects efficiently. My goal is to share knowledge with a primary focus on advanced tools & techniques, projects, and standard programming practices to help my students understand the basics and fundamentals and make awesome technological implementations.



Nirmal Joshi

A founder and CEO of an IT company in India, I have more than 22+ years’ experience of dealing with people, processes and codes.