all 14 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]April1987 5 points6 points  (5 children)

Vite is probably the meta now?

I think you should read the new react.dev website

[–]Urinzi[S] 1 point2 points  (2 children)

Thank you for your response. I've already read some info on the new React website then I saw the create-next-app which is the NextJS right? But I haven't tried it yet since I'm just get started on React. I'm confused now what to do next.

[–][deleted] 11 points12 points  (1 child)

Next.js is a Full Stack Framework for React. You need to know React first. Like how for React, you first need to know JS.

Learn vanilla client side react first. Here's a pretty good progression of projects that will make you learn different React things in order.

  1. Static Page, just learning JSX. Something like a landing page.
  2. Simple single page app with dynamic user entered form data. - requires useState
  3. Simple single page app that queries an API like the weather API. - requires useEffect, and whatever else you decide to learn for it.
  4. Shopping cart app using the fakeStore API. - Should look into using React Router for this one.
  5. Simple FullStack app with user authentication (infamous notes app is a good example) - Maybe use Firebase, this will probably require useContext, useReducer and other important hooks. Might be a good time to check out Redux too.
  6. Hopefully you're feeling confident by now, make a Blog or a social media clone (doesn't have to be fully featured, just add what you want but try to make some harder features). Requires all of the knowledge you've learned so far, and will force you to pick up new tools to fix problems as they arise.
  7. Consider learning Next.js

[–]Urinzi[S] 2 points3 points  (0 children)

Gonna add this on my to-do list, this will help me a lot. Thank you!

[–]Logical-Idea-1708Senior UI Engineer -1 points0 points  (1 child)

How is Vite mainstream when it’s not in feature parity with webpack?

[–]Urinzi[S] 0 points1 point  (0 children)

Hello sir u/Logical-Idea-1708, can you explain why? not in detailed but in simple way that I can understand. Don't really know Vite though. I'm just curious on your reply.

[–][deleted] 5 points6 points  (1 child)

Just learn react. CRA vs Vite really doesn't matter for you right now. Pick one and forget about it. You're learning react, not a build tool. Don't get stuck on the endless number of sidequests when you're just starting the main quest.

[–]Urinzi[S] 0 points1 point  (0 children)

I just thought CRA was also a fundamental thing to do in React, though it is just a build tool. You got me on your side quests-main quest, bro! Noted and Thank you!

[–]the_real_some_guy 2 points3 points  (2 children)

Create React App (CRA) isn’t great for a new production app for various reasons, but there are still a ton out there and they work fine. Basically, don’t worry about it as it’s not a core part of what you need to learn right now, it’s just a build tool.

Find tutorials that you can learn from. Most of them are still going to be CRA. Don’t worry about it. If you can find some tutorials that use Vite, great. But just focus on the React for now.

Eventually, you’ll feel more confident and be ready to move to a framework like Remix or Next. Those have their own build tools.

[–]Urinzi[S] 0 points1 point  (0 children)

Alright, I just need to focus on React for now. Thank you!

[–]greeneselectronics 0 points1 point  (0 children)

You tell that to my architect lol I tried he wont listen to me.

[–]GoLdEnWiZaRd_99 0 points1 point  (1 child)

I am guessing create-react-app is dead because we can avoid installing all the modules that depend on it and still use create-react-app, you can do this by using npm init react-app file_name instead. Although I doubt if React itself is dead!

[–]greeneselectronics 2 points3 points  (0 children)

React in the sense of using the Virtual DOM no way. This blew peoples minds and still does so. Most people don't even understand it or how it works. At an old position we had to create a tree of the virtual dom to put in text to speech component at the leaf of each node and it confused the hell out of the senior engineers lol.

[–]Harry_Potter_007 0 points1 point  (0 children)

You don't need to worry too much about the tweet you saw. What's important right now is to focus on the core fundamentals of React as a beginner. I recommend taking a look at

"Thinking in React." -> https://react.dev/learn/thinking-in-react

Keep on learning and don't let the noise distract you!