5 ms·

I find the structure very interesting. Thanks for explaining it, in your own words. I like the concept, but I'm struggling ton managing data outside the compon

I find the structure very interesting. Thanks for explaining it, in your own words. I like the concept, but I'm struggling ton managing data outside the component. I've read this is by intention. Thinking I'll just call everything from my server, save user data into the server directly and constantly recall from mysql. Goal would be to eliminate variables. Although this is a pipe dream, I'll still have to keep users logged in, and securely since this is a finance app. Redux solves this problem?

JaRail 9y ago
Redux is appropriate for that, yes. You'll need to write the code to communicate with the server. So whatever fetch/update APIs you write there. Then interpret the response, and push the data into Redux. Your server is your main single-source of truth. But on the client, redux is that source of truth that your UX and application code reference. Lin Clark is amazing at explaining concepts in the React and Mozilla worlds. Here's her intro to Redux concepts: https://code-cartoons.com/a-cartoon-intro-to-redux-3afb775501a6 https://code-cartoons.com/a-cartoon-intro-to-redux-3afb77550...
- mkirklions 9y ago
  Thank you, validated what I thought I needed. Wondering how I should hide all the goodies, pick an encrypt library and move everything over GET? I wanted to avoid doing back end work in the mysql/php? I could never get the debugger to work.
JaRail 9y ago
Also, if you want to focus on how components in React get their data, that's pretty simple. They just subscribe to it. If you wanted to render a list of accounts, you could have a couple levels. At the top, you have an account lists component. It gets a list of accountIds from a global data store (in redux). Then it outputs something like this: <List> <Account id="1" /> <Account id="2" /> </List The Account components then pull info from Redux about whatever they need to render whatever account they're responsible for. Each component registers a listener/callback with Redux when its first instantiated. So if the balance of an account changes, it's listening for that change. The change triggers your callback, that triggers a fresh render(). Then the next render() pass pulls the updated account balance with its next pass, etc.
- mkirklions 9y ago
  redux is going to solve my problems, very excited to get this tip.

JaRail 9y ago

Redux is appropriate for that, yes. You'll need to write the code to communicate with the server. So whatever fetch/update APIs you write there. Then interpret the response, and push the data into Redux. Your server is your main single-source of truth. But on the client, redux is that source of truth that your UX and application code reference. Lin Clark is amazing at explaining concepts in the React and Mozilla worlds. Here's her intro to Redux concepts: https://code-cartoons.com/a-cartoon-intro-to-redux-3afb775501a6 https://code-cartoons.com/a-cartoon-intro-to-redux-3afb77550...

mkirklions 9y ago
Thank you, validated what I thought I needed. Wondering how I should hide all the goodies, pick an encrypt library and move everything over GET? I wanted to avoid doing back end work in the mysql/php? I could never get the debugger to work.

JaRail 9y ago

Also, if you want to focus on how components in React get their data, that's pretty simple. They just subscribe to it. If you wanted to render a list of accounts, you could have a couple levels. At the top, you have an account lists component. It gets a list of accountIds from a global data store (in redux). Then it outputs something like this: <List> <Account id="1" /> <Account id="2" /> </List The Account components then pull info from Redux about whatever they need to render whatever account they're responsible for. Each component registers a listener/callback with Redux when its first instantiated. So if the balance of an account changes, it's listening for that change. The change triggers your callback, that triggers a fresh render(). Then the next render() pass pulls the updated account balance with its next pass, etc.

mkirklions 9y ago
redux is going to solve my problems, very excited to get this tip.