react

Ranter

al-m

2695

Comments

3

devTea

24382

5y

Yeah redux is fucked up, I still need to copy boilerplate from past project when start a new one

Try context api, I heard it’s easier
2

al-m

2695

5y

@devTea it is. It really is. But I’ve already used redux and it’s almost done.

Literally the sort is all that’s left
1

devTea

24382

5y

@al-m wym sort? As in sort an array?
1

JohnDoesNot

875

5y

Just sort in your selector.
1

al-m

2695

5y

@devTea basically I’ve got a table rendering data from redux. I wanna be able to change the sorting by clicking the headers
1

al-m

2695

5y

@JohnDoesNot HOWWWWW
3

devTea

24382

5y

@al-m pass the value to state then sort it?
1

al-m

2695

5y

@devTea idk why that phrase makes me more confused.
1

JohnDoesNot

875

5y

Do you understand selectors..?
1

al-m

2695

5y

@JohnDoesNot I’m not sure I understand at this point tbh
1

JohnDoesNot

875

5y

Do you have an example of your code?
1

al-m

2695

5y

@JohnDoesNot here is repo, we can discord chat if you want. might be easier https://github.com/Al-Names/...
1

devTea

24382

5y

@al-m in which file you gonna sort it?
1

al-m

2695

5y

@devTea there’s only one component. sorting in redux
1

al-m

2695

5y

@devTea I’ve done something and figured out but still the sort changes aren’t rendering, can you look please
1

devTea

24382

5y

@al-m how about get the dish props and putting it on this.state, and then instead of sending an action to sort it, just sort it on the component, so the redux only stores the data from dishes
1

al-m

2695

5y

@devTea hmmm. I get you but not sure how to go about it.
1

devTea

24382

5y

@al-m Using redux just to store the data instead of also doing complex operation on it
1

al-m

2695

5y

@devTea I’m gettin slightly less confused
1

devTea

24382

5y

@al-m the reason your component didn't get updated is because it doesn't know the element changed, how about componentDidUpdate()?
1

devTea

24382

5y

@al-m also you got 2 state of dishes on redux, which is kinda misleading to render
1

al-m

2695

5y

@devTea can you teach me the component will update with what i Have now?
1

devTea

24382

5y

@al-m it's easier to do it like on 2nd picture since there's only 1 state to watch on redux
1

al-m

2695

5y

@devTea not sure what my sorting method is this time tbh
1

devTea

24382

5y

@al-m how did you sort it on redux action, just apply it there
2

devTea

24382

5y

@al-m I've created a pull request, can you try it for me as i don't have the environment to test it out, test it on your local before merging it
1

al-m

2695

5y

@al-m @devTea will do that. The second I get electicitu back 😭😭
1

al-m

2695

5y

@al-m remind me. I gotta fetch checkout then pull yeah?
2

devTea

24382

5y

@al-m dunno, or you can clone mine and test it out
1

al-m

2695

5y

@devTea out of curiosity what did you do/use? The redux? Spoilers please
1

JohnDoesNot

875

5y

With redux you should avoid component state. Just approach them as the props they are.
1

al-m

2695

5y

@JohnDoesNot brain fritz right there.

I can’t tell if I don’t know enough or I’m just so done with dev life my brain is trying to block it all out
1

al-m

2695

5y

@devTea didnt work. didnt e even let the dishes render. thanks tho
1

devTea

24382

5y

@al-m extract the reduc state into normal react state, I can’t run the apps, what does the port webpack run on? I also need to config the python environment
1

al-m

2695

5y

@devTea hence why I just use pycharm. Does everything