indefinitelee / fpl-stats Goto Github PK

getting unexpected end of input where I am mapping through the array returned from my fetch call.
thus, can't pass my data to my graph or table packages for rendering.

First,

My App has componentDidMount which calls the function .getStats that runs the fetch on the backend (this is to work around CORS issue).
my fetch returns the needed object if i hit the route directly.
The fetch data should be passed into state and then sent as props to Table.

However, I am getting Table.jsx:10 Uncaught TypeError: Cannot read property 'props' of undefined(…)

It is hitting Table.jsx and before the componentDidMount (console.logs in App.jsx don't print)
I;ve tried changing various component/mount things and even removing componentMount entirely.
Not sure what else to try.

In addition, nothing is rendering on page - I had login/signup rendering all day yesterday and this morning. All that changed was I restarted computer ( a mistake which will not be repeated).

@rapala61
@gittheking
@irwintsay
@jasonseminara
@trevorpreston
pls holla back with an acknowledgement or ETA.
grazie tutti.

Ok, fetch call to url returns a large object, iterate through with .map to retrieve each of the fields that I want.
services/stats-api.js

function getStats(req, res, next){
  fetch(`fantasy.premierleague.com/drf/bootstrap-static`)
    .then(r => r.json())
    .then((data) => {
      res.rows = data.elements.map((player) => {
        return {
          firstName: player.first_name,
          secondName: player.second_name,

1. can I create a calculated field like this?
   onPace: parseInt(ppg)*38

• maybe this isn't even necessary if i use something like this https://www.npmjs.com/package/react-json-table
  but since .map returns an array i'd have to either change the way I filter the object or turn it back into a json, right? or is .map giving me a new array of objects?

2. ideally in addition to data retrieved from the fetch there would be a column that would allow users to enter their own total value. since the data would appear on the landing page I'm thinking that my fetch call can be directly in my App.jsx instead of services/stats-api.js

3. What's the State?

• the user entered column would have to be in State
• as well as any recalculated fields
• any field used in the 3ds graph needs to get it's content from the state - iirc.

4. graphing data

• the graph should display two lines which would be identical up to the current game week and then diverge based on the user entered final value.
• figure out formula to make sure divergence only happens at current week, not since beginning of season.

my run watch does not update on changes and I have to close and rebuild every time.
can anything be done to fix this?

@rapala61
@gittheking
@jasonseminara
@mgershowitz
@trevorpreston esquire

Be ruthless. If this idea sucks, let's kill it now.

Is this of appropriate size/scope for a final project?
Is the intent clear? If not, what requires further explanation?
Do you foresee any problems/difficulties that I have not mentioned?

Thanks

@gittheking
@jasonseminara
@trevorpreston
@rapala61
@irwintsay

@mgershowitz

want to fire different middlewares on the same get route - is that a thing?
also, this would return a array of 600 ish objects and pull out values from each.

was told this might involve a promise.all thingy?

pretty sure it is failing due to the relative path e.g. fetch(/api/graph/:id) and or ${id} however i;ve tried all permutations of url formats and it never hits that function on the backend.

not sure what else to try - and this is exacerbated by the need to rebuild the webpack every time so takes a while to trouble shoot.
Help!
the world is ending!

@jasonseminara
@gittheking
@trevorpreston
@mgershowitz
@rapala61