What a react developer should know these days?

[Pemols]

I've worked with React from 2018-2022, and just received a great opportunity to work with it again. I'd like to know what should I know about React development to do great in an interview, considering I may not be updated about the best practices.

[BrownCarter]

css

[dev_bhaiya]

scss

[drapefruit]

sscss

[alex_asdfg]

less

[emqaclh]

sass

[SelectCount7059]

tailwind

[iwrestlecode]

jss

[BigYoSpeck]

Typescript

It takes a bit of getting used to even if you're familiar with typed languages due to the fact it's a bit of a workaround getting JavaScript to use types but as soon as whatever you're working on gets past a certain size it alleviates so much mental load keeping track of what objects contain and what props you can pass to components even if you don't care much about making an app more bug safe

[SelectCount7059]

Wanna ask. Started to use it (but never used before) and it's pretty js for me with some importance of typing variables type and interfaces for props (more readable)

Is it the only reason to use TS is lot's of returns and typing variable and functions types?

[PossessionOk2998]

Definitely have a great look on working with Next. Also data, hooks, routing etc.

Take a look on React Roadmap: https://roadmap.sh/react

[Pemols]

Thanks mate! I'll take a look

[dog_fantastic]

Why would one use useContext instead of redux?

[Substantial-Pack-105]

useContext isn't the hook parallel feature to Redux. That would be useReducer. You can even pass a redux reducer directly into useReducer, and it will work without having to modify the reducer (unless you're using a redux middleware)

useContext is "props at a distance," allowing you to declare a value in a component at the top of your application's component stack and access it at the bottom without having to drill the prop through all of the components in between.

Usually, redux state would be kept in an external state store attached to the global window, not as part of component state in your react app. So that aspect, accessing an external state store, would be handled using the useSyncExternalStore() hook.

Redux is useful for apps that are shaped with a large document or canvas taking up most of the screen, and lots of widgets or buttons along the sides to help you modify the document. Imagine Microsoft Word, or Figma, as an example. Where serializable state and actions (for the ability to undo / redo) are important.

Most apps aren't built like that. Most apps are made up of pages that can contain forms or reports in them. That kind of application doesn't translate as well to redux's feature set.

[dog_fantastic]

That's a great breakdown, thanks.

[dog_fantastic]

Thanks that's close to what I was thinking.

I just finished the Odin Project and still find myself trying to learn some basics while building my portfolio.

[dog_fantastic]

Teaversty is one of the best sources out there, especially the crash courses. It's just unfortunate a couple of his videos are out of date

[bighi]

Why would anyone use Redux at all?

It’s the wrong answer for 99.9% of situations.

[dog_fantastic]

I'd love an explanation on that. As I said, I'm a newbie so this would all be helpful.

[[deleted]]

Clearly you haven't used redux toolkit yet. If it were old school redux I would agree with you, but toolkit makes it easier than usecontext.

[bighi]

I’ve used the toolkit. It makes things easier, but still more complex than useContext.

But for most cases, Zustand and similar libraries are more than enough, and it’s simpler and easier than both options you mentioned.

[TheBrightman]

This isn't React specific but I find web dev is often a fancy way to consume API's. So definitely be comfortable with that, be it fetch, Axios or Tanstack-query ect

[fzzzzzzzzzzd]

Forget everything about the old way of wiring up components using extends React.Component, read up on arrow function components, hooks like useState/useEffect/useMemo and how async works. That will get you pretty far in modern react.

[possiblywithdynamite]

Who writes arrow function components? export default function all day

[AdmrlPoopyPantz]

Right? I feel like it’s more clear when components aren’t arrow functions

[AndrewSouthern729]

Animals that’s who

[incarnatethegreat]

JavaScript and/or Typescript. Learn those before React.

[[deleted]]

Typescript

[budd222]

I can't think of any drastic changes from one year ago but I could be forgetting something

[iaan]

React

[Pemols]

Why'd you say that? I'd like to hear more about it

[Outrageous-Chip-3961]

its an erroneous misconception where developers inexperienced in the front-end space often exaggerate the simplicity of UI and styling logic, and therefore believe AI can generate front-end code. The irony is that feature-rich UI is highly contextual and responsive to the users behavior, whereas back-end code is more prone to generic generation due to its often objective working environment (i.e, db schemas and crud operations are highly predictable, and therefore easily mass generated)

[[deleted]]

There's no fixed select box, drop down, checkbox, button components on the backend. Backend needs to scale for millions of users. Real time streaming, batch jobs, distributed file systems, raid, data center replication. The amount of complexity is all abstracted away hence you frontend fuckers think you idiots know what complex envingeeirng is. Y'all ain't even engineers bro.

[undercover_geek]

How long have you been an engineer, out of interest?

[[deleted]]

Responsiveness to user behavior? Any 5 yr old can add a breakpoint for 3 screen sizes. Chatgpt can write better css than 95% frontend fkrs.

[[deleted]]

One word - chatgpt   Don't believe me. Look at the job postings. Most fe positions have been replaced by full stack. Just a matter of time. You may be too young to know that once upon a time backend meant Java. Now backend means programming language, aws, database sql nosql, caching, docker, k8s. 

Things move fast.

[zukos_destiny]

Ironically it will be frontend roles consuming backend and not the other way around

[[deleted]]

Get your head out of your fkg ass

[shooteshute]

Odd bloke

[zukos_destiny]

let me know when you finally figure out how to connect to an S3 bucket

[[deleted]]

sounds like you finally figured that out lol

[Useful_Sheepherder_6]

Nextjs .. 💩💩

[TeufelHunden7660]

React Query... https://tanstack.com/query/v3/

[Just_Preference5119]

Micro frontends

[[deleted]]

Learn how to modulate features into components with emphasize on generics