C#•3y ago

✅ dotnet new react - with mvc?

I want to learn and use React. How do I create an app that uses both react and mvc using cli?
I can only create web app and that's razor pages I guess? Or is it Single page application? No idea what it is.

Angius•2/20/23, 1:11 AM

will do the trick

İrşatOP•2/20/23, 1:11 AM

What kind of app does it create?

Angius•2/20/23, 1:12 AM

WebAPI project with the SPA middleware

İrşatOP•2/20/23, 1:12 AM

webapp or api?

Angius•2/20/23, 1:12 AM

WebAPI

İrşatOP•2/20/23, 1:13 AM

Oh so it's client side requesting to back end, which makes it count as api?

Angius•2/20/23, 1:13 AM

Well, yes, that's how APIs work generally

Angius•2/20/23, 1:13 AM

A client app sends requests to the backend

İrşatOP•2/20/23, 1:14 AM

In the apps I know, there is a webapp, one with client side... and I can create an api for other apps to use.

İrşatOP•2/20/23, 1:14 AM

Is that how it is normally?

Angius•2/20/23, 1:14 AM

Angius•2/20/23, 1:15 AM

There's an API that runs on the server

Angius•2/20/23, 1:15 AM

That is all that runs on the server

Angius•2/20/23, 1:15 AM

Then, there's your React app that's the client

Angius•2/20/23, 1:15 AM

You can have other clients as well

İrşatOP•2/20/23, 1:15 AM

Wait a minute, all back end apps count as api or what?

Angius•2/20/23, 1:15 AM

No?

Angius•2/20/23, 1:16 AM

You can have an MVC or Razor Pages app that will be rendered server-side

İrşatOP•2/20/23, 1:16 AM

Normally I use donet new mvc -o MyProject. What does this create?

Angius•2/20/23, 1:16 AM

It won't have an API

Angius•2/20/23, 1:16 AM

It creates an MVC project with Razor views

Angius•2/20/23, 1:16 AM

It's rendered entirely server-side

Angius•2/20/23, 1:16 AM

You can add API controllers to it, sure

İrşatOP•2/20/23, 1:16 AM

That's what I did then

Angius•2/20/23, 1:16 AM

But by default it is not an API

İrşatOP•2/20/23, 1:16 AM

That's what confused me about react app

İrşatOP•2/20/23, 1:17 AM

React app is like a software that is completely given to user, and I have an api which react app sends requests to here?

Angius•2/20/23, 1:17 AM

Yep

Angius•2/20/23, 1:17 AM

The backend API does not render any HTML, it just provides data as JSON

Angius•2/20/23, 1:18 AM

All rendering is done by React on the client side

İrşatOP•2/20/23, 1:18 AM

Wow. Then could this also be used for a mobile app or something? By sending requests to end points of this api

Angius•2/20/23, 1:18 AM

Sure

Angius•2/20/23, 1:18 AM

As I said, anything can be a client

Angius•2/20/23, 1:18 AM

Even another API

İrşatOP•2/20/23, 1:19 AM

Awesome, but apis can also be mvc. It didn't give me an mvc structure by default so I thought I needed some extra cli command next to react but that didn't work.

Angius•2/20/23, 1:19 AM

With ASP you can mix and match, in general

İrşatOP•2/20/23, 1:19 AM

It's just I like mvc more

Angius•2/20/23, 1:19 AM

You can add MVC with Razor views to your Razor Pages project

Angius•2/20/23, 1:20 AM

And you can add API controllers on top

Angius•2/20/23, 1:20 AM

Or you can add a Razor page to your API

Angius•2/20/23, 1:20 AM

And slap some Blazor Server components on top

İrşatOP•2/20/23, 1:21 AM

Wait, I didn't go into any razor page stuff before so I am confused here a little. React is client side, a virtual dom. Why should it have razor pages?

İrşatOP•2/20/23, 1:21 AM

wait, mvc have views too, why would I need those...

Angius•2/20/23, 1:21 AM

You can have those

İrşatOP•2/20/23, 1:21 AM

I see, what do they do

Angius•2/20/23, 1:21 AM

Not saying you should

Angius•2/20/23, 1:21 AM

What does what do?

İrşatOP•2/20/23, 1:22 AM

views/pages

Angius•2/20/23, 1:22 AM

Render HTML server-side

Angius•2/20/23, 1:22 AM

Then send already rendered HTML to the browser