ReactJS / Redux Tutorial - #1 Introduction
Why Stack Overflow recommends it
Stack Overflow users link it when asking how Redux fits into a React app and need a free beginner video series to start from.
Recommended by 4 people across 4 different months, 2017 to 2019.
What it is
A short introduction video opening Academind's ReactJS and Redux tutorial series, presented by Maximilian Schwarzmuller. It explains what Redux adds to a React app and sets up the rest of the playlist.
What people said
Recommends Kunok · 2017-04 · Stack Overflow · on “bestpractises for big react projects”
I didn't read any React related books so I can't suggest one. However, when I just got started I watched videos from this guy: [this video] (you might want to watch React without Redux series first from the very same channel)
Recommends isuruAb · 2018-11 · Stack Overflow · on “react-redux handling multiple data with redux”
You have assigned your initial state to the state state = initialState but never used. every time you trigger an action you send a new object to the view. You have to set it to the state. Try this out. You have to do this in immutable way. const reducer = (state = initialState, action) => { switch (action.type) { case 'COMMENT': state = { ...state, comment: action.payload, } break; case 'REGION': state = { ...state, region: action.payload, } break; } return state } And I just noticed you missed breaks; in your code. If you have a doubts about immutable state tree. refer this free video series. Link [this video]
Recommends Nino Filiu · 2018-12 · Stack Overflow · on “How to Pass in Store as a prop”
You're doing it wrong, here's the recommended way to use React with Redux: store.js import { createStore } from 'redux'; export default createStore(...) index.js import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import store from './store.js' const App = () => (<h1>Hello from App</h1>); ReactDOM.render( <Provider store={store}><App/></Provider> document.querySelector('#react-root') ); You now have an app that is bound with the store. The react-redux npm package allows also to bind component props to store dispatches and store state, example: my-component.js import React from 'react'; import { connect } from 'react-redux'; class MyComponent e
Recommends pedrosimao · 2019-09 · Stack Overflow · on “How do I reorder/sort Firebase data in React App?”
Maybe, in this case, you should not be trying to use redux. You have to write a bit of boilerplate, it can be a bit tedious. But if you really want to use it, then think about watching some tutorials. A good start would be here: [this video]