Extra call about mern-starter

[SOSANA]

Can you share how you able to see this executing twice?

[SoundBot]

@SOSANA just add console.log inside getPosts function. Log message will appear twice.

[SOSANA]

@SoundBot good catch! check this out, seems to be on initial load we get it called twice where as if we route from post view back to main we only have expected results of executing once...

[SoundBot]

@SOSANA Yep. Any ideas how to fix this?

[SOSANA]

@SoundBot this is where the fun begins, fixing this :)

[mayankchd]

The Action fetchPosts is disptached twice that's why getPosts is called twice. I will look into that.

[mayankchd]

In server/util/fetchData.js do console.log(needs) we will get Actions.fetchPosts two times. So the problem is in

  const needs = components.reduce((prev, current) => {
    return (current.need || [])
      .concat((current.WrappedComponent ? current.WrappedComponent.need : []) || [])
      .concat(prev);
  }, []);

Will fix!

[SOSANA]

@SoundBot @mayankchd
/server/util/fetchData.js

export function fetchComponentData(dispatch, components, params) {
  const needs = components.reduce((prev, current) => {
    console.log('test');
    return (current.need || [])
      .concat((current.WrappedComponent ? current.WrappedComponent.need !== current.need : []) || [])
      .concat(prev);
  }, []);
  console.log(needs);
  const promises = needs.map(need => dispatch(need(params)));
  return Promise.all(promises);
}

/server/controllers/post.controllers.js

export function getPosts(req, res) {
  Post.find().sort('-dateAdded').exec((err, posts) => {
    if (err) {
      return res.status(500).send(err);
    }

    console.log('postTests');
    res.json({ posts });
  });
}

I noticed that there is only one function call from server, but fetch still shows logging twice

[mayankchd]

Fixed in #80

[SOSANA]

@SoundBot @mayankchd as per my last comment its called once from server from getPost in post.controller, but fetch shows still fetching twice, this for client?