Merge branch 'master' of https://github.com/markerikson/react-redux-l…

…inks

# Conflicts:
#	react-routing.md
#	webpack-tutorials.md

README.md

@@ -207,7 +207,7 @@ If you are new to React, try reading these articles in order.
     Excellent description of what immutability is, how to use use these concepts with React, and pros and cons of managing data immutably. While the title refers to React, most of the writing just deals with plain Javascript concepts.
   - [Javascript and Immutability](http://t4d.io/javascript-and-immutability/)  
     A description of how to properly immutably update objects and arrays using functions like assign and slice
-  - [Redux Docs: Structuring Reducers - Immutable Update Patterns](http://redux.js.org/docs/recipes/reducers/ImmutableUpdatePatterns.html)  
+  - [Redux Docs: Structuring Reducers - Immutable Update Patterns](https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns)  
     Useful examples for doing proper immutable updates, including common mistakes, proper updates of nested data, updates for arrays, and more.  (Helpful for Redux, but not Redux-specific.)
 
 ### Functional Programming
@@ -234,7 +234,7 @@ If you are new to React, try reading these articles in order.
 ## Redux
 
 ### Getting Started
-  - [Redux Docs](http://redux.js.org/index.html)  
+  - [Redux Docs](https://redux.js.org/)  
     The official Redux documentation.  Contains an excellent tutorial that walks you through “here’s what you want to do, and how we came up with this”, as well as recipes for more advanced topics.  Be sure to read through the FAQ for answers to common questions and links to further information.
   - [Getting Started with Redux - Video Series](https://egghead.io/series/getting-started-with-redux)  
     [Getting Started with Redux - Course Notes](https://github.com/tayiorbeii/egghead.io_redux_course_notes)  
@@ -271,7 +271,7 @@ If you are new to React, try reading these articles in order.
     Examples of configuring a Redux store to use the DevTools enhancers, and using both the DevTools components and the browser extension for debugging.
 
 ### Writing Reducers
-  - [Redux Docs: Structuring Reducers](http://redux.js.org/docs/recipes/StructuringReducers.html)  
+  - [Redux Docs: Structuring Reducers](https://redux.js.org/recipes/structuring-reducers)  
     Comprehensive information on writing reducers and structuring data, covering reducer composition, use of `combineReducers`, normalizing data, proper immutable updating, and more.
   - [Taking Advantage of `combineReducers`](http://randycoulman.com/blog/2016/11/22/taking-advantage-of-combinereducers/)  
     Examples of using `combineReducers` multiple times to produce a state tree, and some thoughts on tradeoffs in various approaches to reducer logic.

immutable-data.md

@@ -48,7 +48,7 @@
   An overview of how to accomplish add/remove/replace operations on JS arrays, comparing mutable vs immutable approaches to each.
 
 - **Redux Docs: Immutable Update Patterns**  
-  http://redux.js.org/docs/recipes/reducers/ImmutableUpdatePatterns.html  
+  https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns
   Some useful examples for correctly updating data immutably, including nested objects, inserting and removing items in arrays, and updating items in arrays, as well as some common mistakes that occur.  Important to know when using Redux, but the info is not Redux-specific.
 
 - **Immutably setting a value in a JS array (or how an array is also an object)**  

javascript-resources.md

@@ -133,7 +133,7 @@ While this list is primarily focused on learning React and Redux, and generally
   MDN's usual excellent documentation, explaining how `this` works in Javascript
 
 - **Gentle Explanation of `this` keyword in Javascript**  
-  http://rainsoft.io/gentle-explanation-of-this-in-javascript/  
+  https://dmitripavlutin.com/gentle-explanation-of-this-in-javascript/  
   https://www.reddit.com/r/javascript/comments/4o1546/gentle_explanation_of_this_keyword_in_javascript/  
   Another long and in-depth explanation, plus some good discussion in the Reddit comments.
 
@@ -151,7 +151,7 @@ While this list is primarily focused on learning React and Redux, and generally
   An excellent explanation of how function calls and the `this` keyword work
 
 - **When 'not' to use arrow functions**  
-  http://rainsoft.io/when-not-to-use-arrow-functions-in-javascript/  
+ https://dmitripavlutin.com/when-not-to-use-arrow-functions-in-javascript/  
   An in-depth look at when you should stick with standard JS functions instead of arrow functions
 
 - **Do ES6 Arrow Functions Really Solve "this" in Javascript?**  
@@ -193,4 +193,4 @@ While this list is primarily focused on learning React and Redux, and generally
   https://www.udemy.com/understand-javascript/?couponCode=YOUTUBE19  
   https://www.youtube.com/watch?v=Bv_5Zv5c-Ts  
   http://joanmira.com/javascript-understanding-the-weird-parts/  
-  A widely recommended course on Javascript by Tony Alicea.  The first 3.5-hour video is free on Youtube, with a discount link for the course.  The last link is notes from the course.
+  A widely recommended course on Javascript by Tony Alicea.  The first 3.5-hour video is free on Youtube, with a discount link for the course.  The last link is notes from the course.

react-component-patterns.md

@@ -29,7 +29,7 @@
 
 - **Embracing Functions in React**  
   https://medium.com/javascript-inside/embracing-functions-in-react-d7d558d8bd30  
-  A look at stateless functional components in React, and why they might be useful or should be considered in the first placee.
+  A look at stateless functional components in React, and why they might be useful or should be considered in the first place.
 
 - **Building User Interfaces with Pure Functions and Function Composition in React**  
   https://tylermcginnis.com/building-user-interfaces-with-pure-functions-and-function-composition-in-react-js/  
@@ -285,6 +285,11 @@
   https://dev.to/washingtonsteven/reacts-new-context-api-and-actions-446o  
   Shows how to update values being passed through context, and particularly how to pass down functions that can be used to update the values.
 
+- **Understanding the React Context API**  
+  http://joecortopassi.com/articles/react-context-api/  
+  Simple breakdown of how to use the React Context API, with code samples and diagrams.  
+
+
 
 #### Component Categories
 

react-forms.md

@@ -82,7 +82,7 @@
   Covers the basics of implementing form rendering, updates, and validation, in plain JS
 
 - **Forms in React and Redux**  
-  http://x-team.com/2016/02/tutorial-forms-in-react-and-redux/  
+  https://x-team.com/blog/tutorial-forms-in-react-and-redux/  
   Demonstrates building a simple set of wrapper components to manage forms using React and Redux
 
 - **Not-so-simple Forms with React**  
@@ -97,10 +97,6 @@
   https://blog.risingstack.com/handling-react-forms-with-mobx-observables/  
   Some examples of working with forms in React, using MobX for the data management.
 
-- **Forms in React and Redux**  
-  http://x-team.com/2016/02/tutorial-forms-in-react-and-redux/  
-  A good example of how to set up form handling in conjunction with a Redux store.
-
 - **Radio Buttons and Checkboxes in React**  
   http://react.tips/radio-buttons-in-reactjs/  
   http://react.tips/checkboxes-in-react/  

react-performance.md

@@ -24,11 +24,6 @@ My [Redux Ecosystem Links](https://github.com/markerikson/redux-ecosystem-links)
   http://kelle.co/react-perf-slides/  
   A slideshow that walks through the core concepts of managing good React performance.
 
-- **Optimizing React Performance using keys, component lifecycle, and performance tools**  
-  http://jaero.space/blog/react-performance-1  
-  http://jaero.space/blog/react-performance-2  
-  Another pretty good in-depth look at performance, with a number of useful illustrations.  Only downside is that some of the examples follow bad practice by directly mutating state, but the performance information is solid.
-
 - **shouldComponentUpdate Will Short-Circuit an Entire Subtree of Components in React**  
   http://www.bennadel.com/blog/2904-shouldcomponentupdate-will-short-circuit-an-entire-subtree-of-components-in-reactjs.htm  
   A reminder that SCU skips a component's children as well as that component, with a demo.
@@ -121,10 +116,6 @@ My [Redux Ecosystem Links](https://github.com/markerikson/redux-ecosystem-links)
   https://hackernoon.com/react-at-60fps-4e36b8189a4c  
   A look at several useful techniques for benchmarking and improving React application performance
 
-- **React is Slow, React is Fast: Optimizing React Apps in Practice**  
-  https://medium.com/@francoisz/react-is-slow-react-is-fast-optimizing-react-apps-in-practice-394176a11fba  
-  Some excellent advice on improving React performance.  Covers using React's new Component Profiling capabilities, ways to optimize re-renders, use of Recompose and Reselect, gotchas with JSX and object literals, and more.
-
 - **Optimizing the Performance of Your React Application**  
   https://auth0.com/blog/optimizing-react/  
   Covers several ways to improve perf, including profiling with the React Perf Addons, using correct keys for lists, and use of `shouldComponentUpdate` and `PureComponent`.
@@ -157,11 +148,7 @@ My [Redux Ecosystem Links](https://github.com/markerikson/redux-ecosystem-links)
 
 - **Infinite List and React**  
   http://itsze.ro/blog/2017/04/09/infinite-list-and-react.html  
-  A Twitter developer describes some of the challenges they faced in building a performant infinite scrolling list component
-
-- **React at Light Speed**  
-  https://blog.vixlet.com/react-at-light-speed-78cd172a6411  
-  The Vixlet team discusses perf optimizations they've applied to their app.  Includes a lot of the common advice like use of `shouldComponentUpdate`, but also has advice on use of literal values and issues with performance traps with JS timer functions.
+  A Twitter developer describes some of the challenges they faced in building a performant infinite scrolling list component  
 
 - **React Performance Anti-Pattern: Creating Functions in `render()`**  
   https://medium.com/@erikras/react-performance-anti-pattern-creating-functions-in-render-ddeb5ebd2933  
@@ -390,4 +377,4 @@ Also see [Webpack Advanced Techniques](./webpack-advanced-techniques.md)
 
 - **Redux's Connect function and areStatesEqual Option**  
   https://medium.com/@ryansperzel/reduxs-connect-function-and-arestatesequal-option-adc97e00ee0  
-  Looks at one of `connect`'s options that can be used to customize comparisons and skip unnecessary `mapState` calls.
+  Looks at one of `connect`'s options that can be used to customize comparisons and skip unnecessary `mapState` calls.

react-routing.md

@@ -165,10 +165,6 @@
   https://medium.com/@nesbtesh/dealing-with-authentication-in-react-cadb679fbc0f  
   Some short examples of saving an authentication token, writing queries to use and update that token, and checking the token when rendering components.
 
-- **Role based routing with React and Redux**  
-  http://crazysigma.com/blogs/2017/04/16/role-based-routing-react-redux/  
-  A description of a fairly simple approach for defining role-based handling of routes, with sample code.
-
 - **Preact Authentication Tutorial**  
   https://auth0.com/blog/preact-authentication-tutorial/  
   A tutorial that demonstrates how to build an app with Preact, including authentication, and makes some comparisons to doing so in React.
@@ -188,4 +184,4 @@
 
 - **Composing authorizing into React apps**  
   https://medium.com/@sarat1669/composing-authorization-into-react-apps-180fa3c18d1  
-  Examples of generic auth management at the component level, using a package called react-identity.
+  Examples of generic auth management at the component level, using a package called react-identity.

redux-reducers-selectors.md

@@ -4,7 +4,7 @@
 #### Reducers
 
 - **Redux Docs: Structuring Reducers**  
-  http://redux.js.org/docs/recipes/StructuringReducers.html  
+  https://redux.js.org/recipes/structuring-reducers  
   Comprehensive information on writing reducers and structuring data, covering reducer composition, use of `combineReducers`, normalizing data, proper immutable updating, and more.
 
 - **"Reducer composition without slicing state"**  

redux-tutorials.md

@@ -3,7 +3,7 @@
 
 #### Basic Introductions
 - **Redux Docs**  
-  http://redux.js.org/index.html  
+  https://redux.js.org/  
   The official Redux documentation.  FANTASTIC writing - not just "here's the API", but "here's what you want to do and how we came up with this"
 
 - **Getting Started with Redux - Video Series**  

webpack-tutorials.md

@@ -169,7 +169,7 @@ Also see the [Awesome Webpack list](https://github.com/d3viant0ne/awesome-webpac
 
 - **Webpack - From Apprentice to Journeyman**  
   http://presentations.survivejs.com/webpack-from-apprentice-to-journeyman/#/  
-  A presentation from Juho Vepsäläinen of the core Webpack team, explaining the basics of Webpack.
+  A presentation from Juho Vepsäläinen of the core Webpack team, explaining the basics of Webpack.
 
 - **Webpack - From Journeyman to Master**  
   https://presentations.survivejs.com/webpack-from-journeyman-to-master/#/  
@@ -306,8 +306,8 @@ Also see the [Awesome Webpack list](https://github.com/d3viant0ne/awesome-webpac
 
 - **webpack-blocks**  
   https://github.com/andywer/webpack-blocks  
-  Functional building blocks for the webpack config. Compose it using feature middlewares like Babel, PostCSS, HMR (Hot Module Replacement), …
+  Functional building blocks for the webpack config. Compose it using feature middlewares like Babel, PostCSS, HMR (Hot Module Replacement), …
 
 - **webpack-flow**  
   https://github.com/webpack-flow/webpack-flow  
-  A set of utilities to manage sharable webpack configs and make them reusable.
+  A set of utilities to manage sharable webpack configs and make them reusable.