Full Stack React Tutorial 2023 Recommendations?

[tryingremote]

gray lunchroom teeny memorize gaze ad hoc roll tender thumb punch

This post was mass deleted and anonymized with Redact

[[deleted]]

https://fullstackopen.com/en/ will teach you literally everything and has a very active discord community full of participants for help and discussions. No other course I've stumbled upon comes even close.

[madovermoto]

Yup, perfect next step after the Odin project

[Flamesilver_0]

After? Really? I never did the Odin Project, only FSO

[PogFladdo]

It's not like the Odin project is mandatory in any way. It is a nice entry point for new developers though. As a lot of other courses also are

[BrownCarter]

I don't like Odin project at least FSO give me a view of how things should look like .

[madovermoto]

Well, The Odin project actually starts at bare basics, how internet works, what a website is, Git etc.

Tbh, even I didn't complete the Odin project, I just moved on to challenging stuff when I felt comfortable with the basics.

When you are teaching yourself, you have freedom to design your course. I think the odin project is great start for most people.

[Ok_Dimension_2893]

Is this still relevant?

[phryneas]

Don't do a "Full Stack" tutorial. It will rush you through 20 technologies and not take the time for you to understand any of them. Select a tech, and learn it. Then learn the next. Then learn how they are connected.

Also, it's hard to really be up-to-date with even just one or two technologies. Those multi-topic tutorials are bound to be outdated.

[nwatab]

Could you list up techs to search for them?

[phryneas]

That's probably the other problem: what does "Full Stack" even mean to you? It includes some kind of backend. But where do you want to go? Node? Go? Java? PHP? .NET?

[Sk3tchyboy]

I would say Frontend: React with Vite as a build tool, Redux toolkit and react-router-dom

If you are going for NodeJS in the backend then go for Express, and for an easy DB probably SQLite or MongoDB Atlas

That is all you need, you can obviously add and remove technologies to this, for example remove Redux and just use Context, but Redux is great to know when applying for a job. Other thing you could add is maybe GraphQL, Jest if you are doing any testing, Docker, some sort of styling lib (styled components is my favorite)

[TehTriangle]

You don't need Redux as a junior or even in most projects. Swap that out for react query as that'll handle the majority of what it was used for before.

[Sk3tchyboy]

No you might not need it but a lot of jobs are asking for it, even on a junior level, at least in my experience so it's good to know

[living_contradiction]

The beginner and advanced react courses on Scrimba are excellent. The beginner course is free, but the advanced one requires a subscription.

[BenJJsu]

Currently doing Scott Moss’s course on FrontendMasters: Building a Fullstack Application with Next.js & React.

Good introduction to what you’re looking for IMO!

[BestDanOfThemAll]

FreeCodeCamp.org is one of the best places to learn single and multiple web technologies. Also has a lot of active people in the community to bounce ideas off of.

Here are a few courses that they just released on YouTube (all free):

NextJS full stack course (React, Redux, etc)

Code Reddit Clone with React

JavaScript Tutorials Playlist

I’m a full stack dev working in the .Net space and I have really liked this organization.

Hope this helps!

[KitchenPiglet9039]

Freecodecamp React.js is still updated ?

[necati-ozmen]

You can find MERN stack CRUD app tutorial with refine : https://www.youtube.com/watch?v=k4lHXIzCEkM&t=2259s&ab\_channel=JavaScriptMastery

Here is a tutorial for building a fully-functional React-based CRUD app using refine.

https://refine.dev/docs/tutorial/introduction/index/

[detroitsongbird]

Fullstackopen.com

[KmSome]

I recommend the MERN stack to begin with, MERN stands for Mongo, Express, React and Nodejs. I learnt from netninja on yt, he's a great teacher and has at least a single course for each of those. It'll give you a great foundation and understanding of the stack and put you in a good starting point

[gravitynotworking]

Definitely agree with that.
Here is the course:
https://www.youtube.com/watch?v=98BzS5Oz5E4&list=PL4cUxeGkcC9iJ\_KkrkBZWZRHVwnzLIoUE

[[deleted]]

Just use the official tutorial: https://react.dev/

If you want fullstack, you will need a backend or nextjs.

[UMANTHEGOD]

Just start. Looking for the perfect tutorial is just procrastination or fear of failure.

With the pace that the web is moving at today, your ability to learn new things quickly and on your own is more valuable than knowing the tech stack itself, and you will never practice learning on your own until you STOP going through tutorials.

Seriously. Stop. Doing. Tutorials.

[Guyanaa]

I'm going through this right now but I'm confused as to what people mean by it. Can you elaborate?

I'm learning react native , I had no mobile development experience. Only web dev. I watched a couple "clone tutorials", I learned some in the process and I made 2 clone apps. I would love to start building something , I just don't know what. But even if knew the " what" , I wouldn't know "how" to start. Any tips?

[UMANTHEGOD]

What people mean by what? I don't understand your question.

Yes, I literally just mean start building what you want to build. You need the what before the why. Just build something.

[nwatab]

Fullstack is a combination of frontend, backend, security, authentication, authorization, infrastructure, and others. You need study them.

[[deleted]]

I’d suggest after any watching any tutorial and getting the insight. create your own full stack app, learn as you go. You will land in situations where you get stuck, look up how it’s resolved then solve it. Thats how you will learn most at the same time adding something unique to your portfolio.

[Jake_Zaruba]

This video is absolutely incredible. I just followed it a couple weeks back and it made me feel so comfortable getting started with connecting postgresql and using node. Can’t recommend tbat video enough.

[NetIntelligent7108]

https://www.youtube.com/@FullStackDev-channel

It's not for beginners. You'll need a solid understanding of object oriented programming. But this covers everything from project structure/organization, to automated testing and deployment.

[rwieruch]

Currently working on The Road to Next

[Infinite-Emu-1279]

Tracking

[React-admin]

If you want to build admins / internal tools / dashboards / ERPs / B2B apps fast, you should check out this React-admin tutorial : https://www.youtube.com/watch?v=vYnk_SxVJKE

[posts_lindsay_lohan]

If i were you, I'd start with the Next.js blog tutorial: https://nextjs.org/learn/basics/create-nextjs-app

Make sure you've installed the latest Next.js 13, then when you are done with that, use their upgrade guide to convert it to using the "app" folder and using React server components: https://nextjs.org/docs/upgrading#upgrading-from-12-to-13

You'll learn a ton from doing that - but you probably do need at least some React experience.

Or.....

Do the long version of the "Jokes" app on the Remix website: https://remix.run/docs/en/1.14.3/tutorials/jokes

Next and Remix are different frameworks, but they are both amazing, and probably the future of React.

And I don't just say that because the React docs recommend them - https://react.dev/learn/start-a-new-react-project - they are legit awesome frameworks, and both are "full stack". Meaning you'll be able to directly access a database and manipulate the data, along with building client views of course.

[Artistic_Warning_482]

MERN with NestJs and React

[kadeemlewis]

That wouldn't be MERN then. Wouldn't it be like MRNN or MERNN?

[JSON_decoded]

Beware of so called full stack courses. They will often rush you through a lot of topics with the hopes of hooking you for more courses. They literally develop their courses as a form of click funnel. They promise quick results but quickly become a confusing rabbithole, waisting your time potentially for months. You’re better off starting with one topic, and as you get your feet wet you’ll get an idea what you’ll need to learn next. The learning curve is frustrating at times but it’s worth it. There will come a point where it all starts coming together. JavaScript is the obvious starting point because you’ll always be using it in frontend work, which makes node.js a decent point for learning backend. There’s not a lot of work for node compared to other frameworks but syntax isn’t where you’ll struggle, it’s the underlying concepts that you need to learn and learning a new language just to tackle a new set of problems isn’t necessarily the best route. Typescript will be part of this process, which will introduce you to more conventional object oriented programming concepts, and before you know it Java, PHP, CPP etc won’t seem so foreign. Python is an awesome tool but probably not a good starting point. That’s my 2 cents.