DEV Community

Cover image for React Mindset: How New React Developers Should Think

React Mindset: How New React Developers Should Think

Amir H. Moayeri on September 16, 2024

React, a popular JavaScript library for building user interfaces, has revolutionized front-end development by enabling developers to create reusabl...
Collapse
 
mark_batham profile image
Mark Schlacter

Love how this article breaks down the essential mindset for new React developers. Thinking in components, embracing declarative programming, and understanding state and props are key to mastering React. A great guide for anyone starting out!

Collapse
 
ymir profile image
Amir H. Moayeri

Welcome to the community and thanks for reading Dear Mark 👍

Collapse
 
billhannah profile image
Bill Hannah

Nice introduction, but puts an emphasis on prop drilling and local state, and doesn't mention context at all. In your example, you have the logged-in status as local state, which it would never be. That would be determined by a context provider in the app component so you don't need to pass this value as a prop to every component in the tree

Collapse
 
aaronre16397861 profile image
Aaron Reese

True, but it is an article for beginners. Context or State stores are a more advanced concept and getting your head around useEffect is hard enough for newbies.
Maybe a couple of lines about separating Application state (dark theme, is logged in, side menu open etc) from Data state (list of items, form contents failed validation l, data submission pending) would help.

Collapse
 
kennielarkson profile image
LAWAL ABDULRAFIU KEHINDE

Without a doubt, the mindset is a major determinant whether you’ll write a good React code or not. Thinking in components leads the pack just as you have mentioned. As much as possible break down repetitive features into independent component and employ props to customize for different scenarios.
This is an amazing article.

Collapse
 
floony7 profile image
Fred Lunjevich

This is a great summation of the mindset needed to be a competent React Dev.

What is becoming more important now, is the ability to know how to think in server and client components and composing UI this way.

This is an added layer of complexity that brings with it the need for careful thought about how state is managed (e.g. using query params instead of local state) and the flow of data. I guess that's an entirely different article!

Collapse
 
godwinkachi profile image
Godwin 'Kachi

Moments ago, I read from this platform how complex React had made a simple workflow.

And now, I read about approaches to take to get the best out of React.

Isn't Life beautiful 😍?

It's just feel like react is a two edged sword 🗡️ ah

Collapse
 
j_xvw_a057242433886efa1c7 profile image
J XVW

I'm tired of using React JS if the application is too big when I run it and the compilation process takes a long time, besides the complexity of the code which makes my head spin, especially if I want to change the code, there are no more dependency problems which are often depreciated, I throw away React JS so I use C# .Net which is easier.

Collapse
 
abrahamn profile image
Abraham

Try React with Vite, the compilation is lightning fast

Collapse
 
damian_cyrus profile image
Damian Cyrus • Edited

8 → 1. 😄
This is also an important mindset, as you already know what the result should be, so write it down and then develop it until the expected result is shown.

Collapse
 
huzaifa_uddin_f64d7ea443e profile image
huzaifa uddin

Love how this article breaks down the essential mindset for new React developers.I work in a react native app development company in uae and personally Thinking in components, embracing declarative programming, and understanding state and props are key to mastering React.

Collapse
 
denny_wright_b202f3da1886 profile image
Denny Wright

Great summary!

Collapse
 
aloisseckar profile image
Alois Sečkár

New React devs should flee while they still can, embrace Vue.js and see that everything is equal or better with it.

Collapse
 
lakshmanan_krishnan_5ffbd profile image
Lakshmanan Krishnan

Good Read.

Collapse
 
blessedtechie profile image
Blessing Emejulu

Perfect summary for React course that I took in one month

Collapse
 
sam4rano profile image
Oyerinde Samuel

Nice read

Collapse
 
muhammadahsanmirza profile image
Muhammad Ahsan

A comprehensive overview
I was looking for articles like this for a long time but I hardly found so detailed guide

Collapse
 
ashutosh856 profile image
Ashutosh

Currently learning React, needed a brief explanation of what is going on, where to start from. This helped me a lot. Thanks

Collapse
 
kashif_ullah_dev profile image
Kashif Ullah

appreciated

Collapse
 
abosigodwin profile image
Abosi Godwin

A straight to the point article.

I recommend following this guideline to any new React developer.

Collapse
 
jahid2121 profile image
Jahid2121

I wish I had these advice when I started, short and right to the point, Thanks brother,