react redux

React-redux makes it easier to pass these states from one component to another irrespective of their position in the component tree and hence prevents the complexity of the application.

When a react application holds various components in need of state from other components it becomes difficult to realize where the state should reside among these components to make it easier to maintain. React-redux provides a store which makes the state inside components easier to maintain. Along with stores, react-redux introduces actions and reducers which work simultaneously with stores to make the state more predictable. The working of the features in react-redux is explained below:

… full article

distribute react application

npm run build creates a build directory with a production build of your app. Inside the build/static directory will be your JavaScript and CSS files. Each filename inside of build/static will contain a unique hash of the file contents

… full article

another option will be to install react into visual studio, as explained here:

Using react inside visual studio

More topics covered:

• codepen
• codepen redux: https://cdnjs.cloudflare.com/ajax/libs/redux/4.0.5/redux.js
• ajax inside redux
• react provider
• npm install redux react-redux
• update react reference in visual studio

Links:

• Class code: codepen code demo
• Class code: redux store
• Class code: redux with ajax
• Codepen home page
• Lesson Summary Video!