FAQ: Intro to the Core Redux API - Connect the Redux Store to a UI

Frequently Asked Questions Uncategorized
1

Community%20FAQs%20on%20Codecademy%20Exercises
Community%20FAQs%20on%20Codecademy%20Exercises1000×208 141 KB

This community-built FAQ covers the “Connect the Redux Store to a UI” exercise from the lesson “Intro to the Core Redux API”.

Paths and Courses
This exercise can be found in the following Codecademy content:

Learn Redux

FAQs on the exercise Connect the Redux Store to a UI

There are currently no frequently asked questions associated with this exercise – that’s where you come in! You can contribute to this section by offering your own questions, answers, or clarifications on this exercise. Ask or answer a question by clicking reply (reply) below.

If you’ve had an “aha” moment about the concepts, formatting, syntax, or anything else with this exercise, consider sharing those insights! Teaching others and answering their questions is one of the best ways to learn and stay sharp.

Join the Discussion. Help a fellow learner on their journey.

Ask or answer a question about this exercise by clicking reply (reply) below!
You can also find further discussion and get answers to your questions over in Language Help.

Agree with a comment or answer? Like (like) to up-vote the contribution!

Need broader help or resources? Head to Language Help and Tips and Resources. If you are wanting feedback or inspiration for a project, check out Projects.

Looking for motivation to keep learning? Join our wider discussions in Community

Learn more about how to use this guide.

Found a bug? Report it online, or post in Bug Reporting

Have a question about your account or billing? Reach out to our customer support team!

None of the above? Find out where to ask other questions here!

3

It turns out that when any one state changes, the entire application is re-rendered?

const render = () => {
  root.render(<App
    state={store.getState()}
    dispatch={store.dispatch}
  />);
}
store.subscribe(render);

Inefficient.

4

In this lesson, index.js subscribes to the store and then passes the state and dispatch functions down as props to App.js.
Given the idea of redux sounds like centralizing / simplifying state management, could App.js directly subscribe to the store itself? I guess the issue is that the subscribe function needs to trigger “render”, which is contained in index.js?

5

could App.js directly subscribe to the store itself?

Yes.

I guess the issue is that the subscribe function needs to trigger “render”, which is contained in index.js?

No. There’s nothing to prevent all this going in one file.

The answer to the issue of your question is hinted at by who developed all this - Facebook. Their code repository is said to have many millions of lines of code in many thousands of modules. In that context, functional-modular React with Redux make perfect sense (type “advantages of using React and Redux” into M$ Copilot or ChatGPT for a list).

Learning a programming model like this that’s suited to and developed for a huge environment using necessarily bite-sized chunks is always going to be challenging.

Reading around the subject helps. Even just a quick scan through a handful of sites can be very informative. There’s some very deep but understandable stuff on YouTube for even us early-learners.
Functional Programming for Pragmatists • Richard Feldman • GOTO 2021 goes a long way to answering your question more fully and I’m sure you’ll find Functional Programming in 40 Minutes • Russ Olsen • GOTO 2018 to be interesting and informative.

6

Hello guys, I was wondering, isn’t all of this redux usage inefficient since we are re-rendering the whole App component? Wasn’t the point of react to only re-render the changes in the virtual DOM?