My Experience With React

#react #node #beginners #discuss

After spending the past three weeks learning the 'ins and outs' of javascript, HTML, and CSS at Flatiron School (the coding bootcamp I'm currently attending) - we finally began our journey into React. For a little background information, I have a few friends who have been in the web dev industry for the past few years and as I began coding on my own and learning different languages, they all told me that React was something that I should definitely take a look at.

Fast forward a few months and I have finally decided to attend a coding bootcamp to pursue my goal of becoming a web developer. While going through the options - Flatiron School stood out to me as it was the only one I found offering in-person teaching at the time as well as React as a focal point.

I had seen a few examples of React from templates as well as some demonstrations on YouTube, etc. but it was a totally different experience trying to absorb all of the features and hooks as well as really understanding how to conceptualize what your website and its components should look like. However, after spending a few weeks working through countless examples and tests, I feel like I'm really beginning to break into what makes React so amazing. The organization of components, fetching info from API's with useEffect, understanding state and how to best utilize it to fit your needs - each new feature you learn seems to add another layer of understanding to web development and just how far you can take it.

Top comments (4)

peerreynders • May 9 '22 • Edited

fetching info from API's with useEffect

Thanks to React 18 strict mode useEffect() had a bit of a drama last week—which coincided with

дэн

@dan_abramov

We’ve posted an RFC for useEvent. We suspect it might have been the missing piece in the original Hooks release. It lets you define an event handler that “sees” fresh props/state but has a stable identity. Would love to hear feedback! github.com/reactjs/rfcs/p…

17:44 PM - 04 May 2022

Where you can cause side effects

"In React, side effects usually belong inside event handlers. Event handlers are functions that React runs when you perform some action—for example, when you click a button. Even though event handlers are defined inside your component, they don’t run during rendering! So event handlers don’t need to be pure."

David Khourshid's endorsement of useSyncExternalStore() is an assertion that components should not fetch data directly—they should merely "tell" something on the other side of Context that a fetch may be necessary. That something would then later notify any subscribed components to synchronize themselves with the freshly fetched data once it arrives.

He's had this position for quite some time:

David K. 🎹

@davidkpiano

💡 Model and develop your app's logic as if it will be used in many different UIs (e.g., web, CLI, native, etc.), even if it won't be.

This will force you to avoid coupling logic with presentation, which mainstream frameworks (React, Angular, Vue) unintentionally encourage.

14:08 PM - 04 Feb 2019

дэн

@dan_abramov

@tlakomy i went through 100+ examples at some point in the fb codebase, and about 30% of useEffect calls i’ve seen were unnecessary and/or wrong ways to approach a problem. this is partly an educational issue (we need to explain when not to use it) and partly the api being too generic.

01:48 AM - 10 Mar 2022

PS:

seems to add another layer of understanding to web development and just how far you can take it.

In my opinion React development creates apps that "tunnel" over the web/browser.

"Facebook’s famous React library, the present-day darling of web-dev, uses HTML and javascript but abstracts the [browser itself away]. ... Facebook realizes they have no advantage in the Web over any usurper platform, and helping the Web only further enshrines their competitors. ... In a similar way as React can abstract the HTML DOM away, Facebook has abstracted HTTP away from their service stack. ... Facebook increasingly has no dependence on Web technology." Ref

Web development is more concerned with developing solutions that acknowledge and deal with the web's physical constraints (which is hopefully what Generation 3 is all about).

SUCHINTAN DAS • May 9 '22 • Edited

Hey👋,

Let me share my experience with React when I was new to this

Around a year back, I used to build most of my websites with HTML CSS and JavaScript. Not gonna lie, it used to be interesting during the start but everyone knows, after sometime you would be comparing your website with the ones currently on the market.

When you will be checking other stuffs on internet, you would be feeling bored or low as everyone of us want our websites to look really cool right ?

That's where you find the need for frameworks and that's when I was introduced to React.

So, how's my experience and how I transformed from a noob to pro in React-

During the start I was like , I am not gonna make it and was really tough to grab. All the lifecycle methods and states was really tough to grab on the first run 😔.

But if you work hard, every single effort pays back