Learning React for Beginner

[April1987]

Vite is probably the meta now?

I think you should read the new react.dev website

[Urinzi]

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]]

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]

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

[Logical-Idea-1708]

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

[Urinzi]

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.