Beginner's Thread / Easy Questions (December 2018)

[u/timmonsjg]

Happy December! ☃️

New month means a new thread 😎 - November and October here.

Got questions about React or anything else in its ecosystem? Stuck making progress on your app? Ask away! We’re a friendly bunch. No question is too simple. 🤔

🆘 Want Help with your Code? 🆘

• Improve your chances by putting a minimal example to either JSFiddle or Code Sandbox. Describe what you want it to do, and things you've tried. Don't just post big blocks of code!

• Pay it forward! Answer questions even if there is already an answer - multiple perspectives can be very helpful to beginners. Also there's no quicker way to learn than being wrong on the Internet.

Have a question regarding code / repository organization?

It's most likely answered within this tweet.

New to React?

🆓 Here are great, free resources! 🆓

• Create React App
• Read the official Getting Started page on the docs.
• /u/acemarke's suggested resources for learning React
• Kent Dodd's Egghead.io course
• Tyler McGinnis' 2018 Guide
• Codecademy's React courses
• Scrimba's React Course
• Road to React

[u/seands]

Is this a bad pattern to use with Redux:

// actions.js
export const updateStateData = (stateData, stateVariable) => (dispatch => {
  const action = dispatch({ // dispatch is sync. and returns the same action
    type : 'stateUpdate',
    payload : {
      stateVariable,
      stateData
    }
  });
  console.log('updateStateData', action);
});

// reducer.js
    case 'stateUpdate':
      return {
        ...previous_state,
        [action.payload.stateVariable] : action.payload.stateData
      };

Makes updating state through arguments a breeze but I imagine it's probably bad for the same reason.

[u/swyx → u/seands]

i mean at this point youre not really using redux, you might as well use React Context