CODEWITHSUNDEEP
reactjscomponents
Thoma Biguères
Thoma Biguères

Reputation: 1136

What's the difference between React App and React Component

We will be doing our first project using React. It will not be a Single Page App, but a Multiple Page App.

What I'm trying to figure out at the moment is : what's the difference between a component and an app. If I only use components, can I still use Redux to have some state management on the current page ? Or do I need an app for this ?

Thanks for the information you can bring !

THoma

Upvotes: 1

Views: 692

Answers (3)

Garry Taylor
Garry Taylor

Reputation: 1115

An app is simply a component that holds the root of the work you are trying to do. For example an App may have the navigation menu, testimonials, adverts, content, login avitar etc.

If you are making a single App per page (For example a testimonial) then you would still have a SPA. For example, adding testimonials, searching, editing.

You should only use Redux if you are using a SPA with lots of different parts with data in common. If you are making a one-app-per-page and there is no cross over in data then you can simply using Reacts State/Props to hold your data. Redux is good, but it forces you into a complex path your should try to avoid. If you find yourself wanting data from different domains (customers address and a list of testimonials) then you should use Redux.

If this is a new applications (green) then I strongly recommend you build the whole thing within a SPA using React-Router to control components. you can use frameworks like Next.JS to ensure the site remains small in size (dynamically loading script only when required).

Upvotes: 1

Metehan Senol
Metehan Senol

Reputation: 669

There is no special object called "React App". React Components build an "React App" by coming together.

But React Components are formed like tree structure. That means each component have a parent component so you can create a React Component that named "App" and can put another components inside it.

You don't need redux for state management in React Components.

I hope the answers have helped.

Upvotes: 1

swapnesh
swapnesh

Reputation: 26722

Your app may contains a single component and still it will be a react App. If you are using multiple components in a page you can still use react-redux. Redux is basically a container for your states and let suppose you need some state from one component to be consumed in another, Redux provide you a mechanism to make the communication efficient and predictable.

You can also look at the React Context APIs as an alternate to Redux.

Upvotes: 1

Related Questions