DEV Community

Cover image for 5 Popular Frontend Development Tools in 2021

5 Popular Frontend Development Tools in 2021

Esther Adebayo on November 15, 2021

As a frontend developer, you'll be building out web designs (usually handed over from a User Interface Designer) with programming languages like HT...
Collapse
 
cswalker21 profile image
cswalker21

I read this whole disappointing flame war, and still don’t have a clue why the term framework is inappropriate for React. If someone could take the time to explain that (if they can do so in a civil manner), it would be a great help.

Define terms. What is a framework? What is a library? Why does React fit the latter and not the former? What is different about Vue that makes it a framework?

Thank you.

Collapse
 
samjakob profile image
Sam (NBTX)

Yea I think this is all a beyond pointless argument, but with that said my two cents is I think the defining characteristics listed in this Wikipedia article are a good way of articulating the difference: en.wikipedia.org/wiki/Software_fra...

The reason I’d be willing to argue React isn’t a framework (if I cared) is that of the key features of a framework listed in the article, React has no inversion of control - the order in which code is called (what code is executed and when) is not decided by React, unlike with frameworks such as Vue - and no default behavior (templates) - where Vue has its .vue single file components that are stitched together by Vue in a manner that Vue decides, with React you imperatively declare exactly how everything is rendered too.

Collapse
 
oniichan profile image
yoquiale

Because it's creators said so and because it needs to be used with more libraries to properly make an app. Angular is a framework because it comes with everything you need to make a proper app.(testing, routing, etc...)

Collapse
 
cswalker21 profile image
cswalker21

Thank you. BTW, I didn’t find the first point compelling. If the creators felt silly and decided to call it a banana, that wouldn’t make React a banana.

The second point, however was simple, concise, and well stated. Thanks again.

Collapse
 
leomjaques profile image
leo 👨🏻‍💻

Great post, Esther!

Collapse
 
karteek_godavarthi profile image
Karteek Godavarthi

Great Article Esther! I've been working with React JS on & off. Mostly feature enhancing or bugs. Never really thought of creating a project from scratch, This made me interested to start one :).

Keep creating content like this! More power to you

Collapse
 
_estheradebayo profile image
Esther Adebayo

Thank you, Karteek!

Collapse
 
imiahazel profile image
Imia Hazel

Thanks for the valuable resources. Some are new to me. Well Researched and Well Explained :)

Collapse
 
_estheradebayo profile image
Esther Adebayo

You're welcome, Imia! Glad this was helpful to you

Collapse
 
wkylin profile image
wkylin.w

Thanks!

Collapse
 
_estheradebayo profile image
Esther Adebayo

You're welcome!

Collapse
 
matthew_anderson profile image
Matthew Anderson

You should try stellisoft.com/?edit. All of these benefits wrapped up in one platform.

Collapse
 
rafidmuhymin profile image
Rafid Muhymin Wafi

How have you built these awesome charts?? They are really looking cool! Especially the testing libraries one.

Collapse
 
swish933 profile image
Nomso Ikem

Great article. I’ll be sure to check out chakraUI

Collapse
 
renaisense_ profile image
Jordi Riera

It is a good list albeit mostly react centric, would be nice to see some other alternatives for other frameworks/libraries. Thanks for the list and explanations though

Collapse
 
gravy17 profile image
Tofi Agbaje

I think I might get into Chakra UI and Retool. Thanks for the info!

Collapse
 
_estheradebayo profile image
Esther Adebayo

That'll be great, Tofi! You'd enjoy using them

Collapse
 
connor98web profile image
Connor98web

Great post