DEV Community

Cover image for Frontend Dev + Data Structures & Algorithms: How DSA Can Power Your React App ⚡

Frontend Dev + Data Structures & Algorithms: How DSA Can Power Your React App ⚡

Jayant Bhawal on September 08, 2024

Frontend focused interviews often don’t care about DSA at all. And for those of us that remember studying DSA at school/college, all the examples ...
Collapse
 
koolkiyo profile image
あゆみ

Single and doubly linked lists.

Collapse
 
jayantbh profile image
Jayant Bhawal

And treeeees! 🌳

Collapse
 
dhruv_gupta_75ebbe4103299 profile image
Dhruv Gupta

Hello. What do you use singly linked lists for?

Collapse
 
jottyjohn profile image
Jotty John

Good one!

Collapse
 
jayantbh profile image
Jayant Bhawal

Thanks John! :)

Collapse
 
anuragband profile image
Anurag Band

Insightful 🦚

Collapse
 
jayantbh profile image
Jayant Bhawal

Glad to hear it 🚀

Collapse
 
martinbaun profile image
Martin Baun

Reminded me of this quote. “Data dominates. If you've chosen the right data structures and organized things well, the algorithms will almost always be self-evident. Data structures, not algorithms, are central to programming” - Rob Pike

Collapse
 
jayantbh profile image
Jayant Bhawal

Hard agree! ❤️

Collapse
 
jottyjohn profile image
Jotty John

Great article!

Collapse
 
doc_e_ai profile image
Doc-e.ai

nice blog

Collapse
 
jayantbh profile image
Jayant Bhawal

Thank you! :)

Collapse
 
kc900201 profile image
KC

With the popularity of existing, ready-to-use frameworks, I doubt this is highly useful when implementing DSA using class components over the more common function components

Collapse
 
jayantbh profile image
Jayant Bhawal

You don't have to implement DSA using class components. :)
My examples show DSA implementations using classes, but I've personally used these in function components since I've not made class components in... years I think.

Collapse
 
jeffreyschultz profile image
Jeffrey Schultz

Where is this coming from? I don't see any class components mentioned or shown. Also, what's up with the class component hate? There are some types of more advanced components that you have to bend over backwards to implement in functional components, which are magnitudes easier with class components. Use the best tool for the job. Class components are deprecated.

Collapse
 
jayantbh profile image
Jayant Bhawal • Edited

Use the best tool for the job.

Appropriate in every job. :)

Collapse
 
rayjencode profile image
Rayjens Code

Nice, simplified but make sense

Collapse
 
jayantbh profile image
Jayant Bhawal

Glad it made sense for you. I sometimes feel I might be overexplaining things. :D

Collapse
 
rayjencode profile image
Rayjens Code

I really like this, especially since I've been wanting to dive deep into DSA but haven't found the time yet. This post gave me a great head start! :)

Collapse
 
rajgohel profile image
Raj Gohel

Perfect 👍

Collapse
 
jayantbh profile image
Jayant Bhawal

Thanks!

Collapse
 
sraveend profile image
Sreeharsha

This is a a great article!

Collapse
 
moniv9 profile image
Mohit Verma

Can also practise questions on PrepareFrontend platform

PrepareFrontend.com

Collapse
 
mohamed_karim_2dddebb42bd profile image
mohamed karim

Thank for sharing great

Collapse
 
jayantbh profile image
Jayant Bhawal

Thanks! :)

Collapse
 
kuzjt93 profile image
Long.H

Very creative!

Collapse
 
thatcloudexpert profile image
That Cloud Expert

Good read !
General question to you Jayant:
To what extent do you think understanding data structures and algorithms influences the efficiency and performance of a React application mainly regarding state management and rendering recursive components?

Collapse
 
jayantbh profile image
Jayant Bhawal

Like most things in life, the answer is likely: "It depends".

To me, knowing DSA is about knowing about all the tools in your arsenal.
You don't have to have mastered all of them, but merely knowing they exist, and having a vague idea of what they do would be enough for you to recall looking them up later when a problem could benefit form using those concepts.

And if you use the right concepts at the right time, you're bound to have some benefits because of this.

Collapse
 
doc_e_ai profile image
Doc-e.ai

very helpful

Collapse
 
jayantbh profile image
Jayant Bhawal

Thank you! :)

Collapse
 
doc_e_ai profile image
Doc-e.ai

Very Helpful :)

Collapse
 
annsrutto profile image
Anns Rutto

Nice article

Collapse
 
abdulboriy_codes profile image
Abdulboriy Malikov

Pretty useful 👌 👍 😀

Collapse
 
jayantbh profile image
Jayant Bhawal

Thanks! Do share it around! :)

Collapse
 
aniket_pandey profile image
Aniket Pandey

Very informative brother

Collapse
 
jayantbh profile image
Jayant Bhawal

Thanks, Aniket! :)

Collapse
 
meet_jain_b2b2748652d7598 profile image
Meet Jain

really great blog jayant bhai!
Learned a lot from this one <3