Updates, 2016-06-12

basic-concepts.md

@@ -13,7 +13,7 @@
   A great overview of many of the most common build tools, package managers, test frameworks, and code quality tools currently in use
 
 - **State of the Art Javascript in 2016**  
-  https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b
+  https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b  
   An opinionated list of what tools and libraries a modern JS development stack should include, plus links to further resources.
 
 - **Timeline for Learning React**  

es6-features.md

@@ -39,6 +39,14 @@
   http://exploringjs.com/es6/index.html  
   A full online book covering every aspect of ES6 in fine detail  
 
+- **Why Do ES6 Classes Exist, and Why Now?**  
+  http://appendto.com/2016/06/why-do-es6-classes-exist-and-why-now/  
+  Digs into some of the intricacies of ES6 classes, and some of the pros and cons around using them
+
+- **When 'not' to use arrow functions**  
+  http://rainsoft.io/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
+
 
 #### Techniques
 

git-resources.md

@@ -39,7 +39,7 @@
 
 
 - **Advance Git**  
-  https://medium.com/@jstats/advance-git-dfe557bdbe59
+  https://medium.com/@jstats/advance-git-dfe557bdbe59  
   Gives advice for good commit messages, and describes the options and usage for several advanced Git commands (`add --patch`, `rebase`, `reflog`, and more).
 
 
@@ -98,6 +98,10 @@
   http://www.alexkras.com/19-git-tips-for-everyday-use  
   A variety of practical commands for different scenarios.
 
+- **Git Tips**  
+  https://github.com/git-tips/tips  
+  A large collection of Git tips and tricks.
+
 #### Desktop GUI Clients
 
 - **SourceTree** (Win, Mac)  

pros-cons-discussion.md

@@ -23,6 +23,10 @@
   http://benmccormick.org/2015/11/25/productive-javascript-development/  
   Looks at 6 ways different frameworks make things "easy": concepts, reading/writing code, architecting / maintaining / debugging apps. 
 
+- **How React Helped Us Scale a Large Web App**  
+  https://medium.com/opengov-developers/how-react-helped-us-scale-a-large-web-app-d89f96c4790a
+  A look at how React has been used to scale the OpenGov app architecture in terms of both users and developers.
+
 
 #### Redux/Flux Comparisons
 

react-redux-architecture.md

@@ -47,7 +47,7 @@
   Demonstrates extracting HOCs from existing code, and testing them.
 
 - **React Higher Order Components in depth**  
-  https://medium.com/@franleplant/react-higher-order-components-in-depth-cf9032ee6c3e
+  https://medium.com/@franleplant/react-higher-order-components-in-depth-cf9032ee6c3e  
   A very detailed article looking at some advanced HoC patterns
 
 - **8 no-Flux strategies for React component communication**  
@@ -71,7 +71,7 @@
   Looks at how to incrementally add some React-based functionality into an existing app.
 
 - **Leveling Up with React: Container Components**  
-  https://css-tricks.com/learning-react-container-components/
+  https://css-tricks.com/learning-react-container-components/  
   Describes the container component pattern and how to use it to split up responsibilities between fetching and displaying data.
 
 
@@ -97,6 +97,10 @@
   https://scotch.io/tutorials/build-a-react-flux-app-with-user-authentication  
   Builds a React app that calls a remote API and authenticates users.  Uses a specific auth provider and basic Flux implementation, but the concepts are widely applicable.
 
+- **Building Realtime Collaborative Offline-First Apps with React, Redux, PouchDB, and Websockets**  
+  http://blog.yld.io/2015/11/30/building-realtime-collaborative-offline-first-apps-with-react-redux-pouchdb-and-web-sockets/  
+  A blog post and sample project demonstrating various layers of client-server syncing, eventually driving a Redux store and React UI.
+
 
 #### React and Forms
 

react-redux-testing.md

@@ -69,5 +69,13 @@
   A fantastic talk that goes through many important details of trying to test React components under JSDOM.
 
 - **Testing in React: Getting Off the Ground**  
-  https://medium.com/javascript-inside/testing-in-react-getting-off-the-ground-5f569f3088a
-  A look at approaches and ways to start testing React components
+  https://medium.com/javascript-inside/testing-in-react-getting-off-the-ground-5f569f3088a  
+  A look at approaches and ways to start testing React components
+
+- **Testing React and Redux**  
+  http://silvenon.com/testing-react-and-redux/  
+  A three-part article that shows how to set up Ava and Babel, then walks through testing Redux code (action creators, reducers, selectors, thunks, and sagas), and React components.
+
+- **Setting Up Javascript Testing Tools for ES6**  
+  http://x-team.com/2016/05/setting-up-javascript-testing-tools-for-es6/  
+  Tips on configuring tools to work with ES6 code, and writing tests using ES6

react-tutorials.md

@@ -58,6 +58,10 @@
 - **I Learned How to be Productve in React in a Week and You Can, Too**  
   https://css-tricks.com/productive-in-react/  
   A solid article written by a React newcomer, covering the basics, some gotchas, and important takeaways.  Aimed at general web devs who are curious about React.
+
+- **Getting Started with React the Easy Way**  
+  http://codeutopia.net/blog/2016/01/10/getting-started-with-react-the-easy-way/  
+  Shows the simplest way to load React into a web page and start using it
 
 
 #### Project-Based Tutorials
@@ -113,6 +117,13 @@
   https://github.com/dimaip/server-side-rendering  
   A Github project with a series of commits showing steps for putting together a basic app with server-side rendering and async data fetching.
 
+- **Building a Slack-Style Chat Application**  
+  http://codeutopia.net/blog/2016/01/17/learning-react-basics-and-building-a-basic-application-prototype/  
+  http://codeutopia.net/blog/2016/01/25/getting-started-with-npm-and-browserify-in-a-react-project/  
+  http://codeutopia.net/blog/2016/02/01/react-application-data-flow-where-and-how-to-store-your-data/  
+  http://codeutopia.net/blog/2016/02/08/using-webrtc-and-react-to-build-a-basic-chat-server/  
+  http://codeutopia.net/blog/2016/02/15/improving-our-react-workflow-with-es6-and-functional-stateless-components/  
+  A multi-part series that builds up a chat application
 
 
 #### React Implementation Walkthroughs
@@ -141,6 +152,10 @@
   https://github.com/iamdustan/tiny-react-renderer  
   A heavily commented learning implementation of a bare basic React renderer
 
+- **How to write your own Virtual DOM**  
+  https://medium.com/@deathmood/how-to-write-your-own-virtual-dom-ee74acc13060  
+  https://medium.com/@deathmood/write-your-virtual-dom-2-props-events-a957608f5c76  
+  A series of articles that build up a small Virtual DOM system from scratch.
 
 #### Paid Courses and Books
 

redux-side-effects.md

@@ -34,6 +34,14 @@
   http://wecodetheweb.com/2016/01/23/handling-async-in-redux-with-sagas/  
   Covers the basic concepts and syntax of sagas, and how they can improve testability.
 
+- **Redux Saga conceptual diagram**  
+  https://twitter.com/kuy/status/731484272234663937  
+  A useful diagram illustrating the various things a saga can do
+
+- **"Redux Sagas benefits?"**  
+  https://www.reddit.com/r/reactjs/comments/4ng8rr/redux_sagas_benefits/  
+  Discussion of when and why you might want to use sagas, with some great examples in the comments.
+
 
 #### Other
 

redux-techniques.md

@@ -46,7 +46,27 @@
   http://djcordhose.github.io/react-intro-live-coding/2016_jsunconf.html#/  
   A slideshow that shows the basics of adding type information to Redux-based code 
 
+- **Using Redux with Flow**  
+  http://frantic.im/using-redux-with-flow  
+  Covers how to use Flow typing with Redux
+
 - **Ajax Polling in React with Redux and Sagas**  
   http://notjoshmiller.com/ajax-polling-in-react-with-redux/  
   http://notjoshmiller.com/ajax-polling-part-2-sagas/  
-  Covers a couple different ways to manage the logic for AJAX polling.
+  Covers a couple different ways to manage the logic for AJAX polling.
+
+- **"How can I display a modal dialog in Redux that performs asynchronous actions?"**  
+  http://stackoverflow.com/questions/35623656/how-can-i-display-a-modal-dialog-in-redux-that-performs-asynchronous-actions  
+  A detailed answer describing how you can declaratively drive pieces of your UI by putting descriptive pieces of data into your state (such as the name of the current dialog component to show, and what props that dialog should have)
+
+- **Two mistakes I made working with Redux**  
+  http://www.mattzeunert.com/2016/06/01/redux-mistakes.html  
+  Some suggestions on how to handle denormalizing data and defining actions.
+
+- **Encapsulation in Redux: the Right Way to Write Reusable Components**  
+  http://blog.javascripting.com/2016/02/02/encapsulation-in-redux/  
+  A look at one way to write encapsulated action handling in Redux
+
+- **Scalable Single-Page Application Architecture with Redux and Angular 2**  
+  http://blog.mgechev.com/2016/04/10/scalable-javascript-single-page-app-angular2-application-architecture/  
+  An in-depth article covering how to architect an application using Redux, Angular 2, and RxJS.  

redux-tutorials.md

@@ -42,7 +42,18 @@
 - **Redux: From Twitter Hype to Production**  
   http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/  
   An extremely well-produced slideshow that visually steps through core Redux concepts, usage with React, project organization, and side effects with thunks and sagas.  Has some absolutely _fantastic_ animated diagrams demonstrating how data flows through a React+Redux architecture.
+
+- **Redux diagrams**  
+  https://github.com/reactjs/redux/issues/653  
+  A variety of user-provided diagrams illustrating how the pieces of Redux fit together.
+
+- **How I Learned to Stop Worrying and Love Redux**  
+  https://medium.com/@shopsifter/how-i-learned-to-stop-worrying-and-love-redux-9b50e505e802
+  A new Redux user describes how she was able to overcome initial problems learning Redux.
 
+- **Introduction to Redux and React-Redux**  
+  http://julienrenaux.fr/2016/05/30/introduction-to-redux-and-react-redux/  
+  A quick overview of core Redux concepts, with code examples for creating a store and hooking up React components to read the data.
 
 
 #### Project-Based Tutorials
@@ -69,6 +80,9 @@
   http://joelhooks.com/blog/2016/03/20/build-an-image-gallery-using-redux-saga  
   A step-by-step look at building a page with some complex async behavior.
 
+- **The Soundcloud Client in React + Redux**  
+  http://www.robinwieruch.de/the-soundcloud-client-in-react-redux/  
+  A detailed walkthrough demonstrating project setup, routing, authentication, fetching of remote data, and wrapping of a stateful library.
 
 
 
@@ -86,6 +100,9 @@
   http://www.jamasoftware.com/blog/lets-write-redux/  
   Walks through writing a miniature version of Redux step-by-step, to help explain the concepts and implementation.
 
+
+#### Redux Middleware
+
 - **Exploring Redux Middlewares**  
   http://blog.krawaller.se/posts/exploring-redux-middleware/  
   Understanding middlewares through a series of small experiments
@@ -101,6 +118,10 @@
 - **A Beginner's Guide to Redux Middleware**  
   https://www.codementor.io/reactjs/tutorial/beginner-s-guide-to-redux-middleware  
   A useful explanation of middleware use cases, with numerous examples
+
+- **Redux Middleware**  
+  http://jonnyreeves.co.uk/2016/redux-middleware/  
+  A tutorial describing how Redux compares to typical "MVC", what a "middleware" is, what they can do, and how you can test them. 
 
 
 #### Paid Courses and Books

thinking-in-react-and-flux.md

@@ -59,3 +59,7 @@
 - **Functional Javascript: Reverse-Engineering the Hype**  
   http://banderson.github.io/functional-js-reverse-engineering-the-hype/#/  
   A slideshow that talks about why functional-type programming matters, and how it relates to React-type apps.
+
+- **"Trying to understand why React prefers one-way data binding"**  
+  https://www.reddit.com/r/javascript/comments/4ni311/trying_to_understand_why_react_prefers_oneway/  
+  Some excellent and very informative discussion on why the "one-way data flow" paradigm is used with React, vs two-way data binding.

tips-and-best-practices.md

@@ -43,4 +43,14 @@
 - **Let It Be - How to declare JavaScript variables**  
   http://madhatted.com/2016/1/25/let-it-be  
   https://www.reddit.com/r/javascript/comments/44yjzo/let_it_be_how_to_declare_javascript_variables/  
-  A look at how `var`, `let`, and `const` behave, and how using them communicates intent.  Further discussion in the Reddit comments.
+  A look at how `var`, `let`, and `const` behave, and how using them communicates intent.  Further discussion in the Reddit comments.
+
+- **The State of React.js in 2016**  
+  https://speakerdeck.com/koba04/the-state-of-react-dot-js-2016  
+  Looks at a number of things to consider when writing React code today, including deprecation of string refs and upcoming updates to the React rendering implementation
+
+- **React Playbook**  
+  https://github.com/kylpo/react-playbook  
+  https://medium.com/@kylpo/redux-best-practices-eef55a20cc72  
+  A variety of tips, best practices, opinions, and comparisons related to React, Redux, Immutable.js, and MobX.  Includes thoughts on component architecture, file structure, coding style, and other topics.
+

using-react-with-es6.md

@@ -8,7 +8,7 @@
   Compares the standard React.createClass() syntax vs ES6 React.Component class syntax
 
 - **Coding with React like a Game Developer**  
-  https://medium.com/@PhilPlckthun/coding-with-react-like-a-game-developer-e39ffaed1643 
+  https://medium.com/@PhilPlckthun/coding-with-react-like-a-game-developer-e39ffaed1643  
   Demonstrates React usage with ES5 vs ES6, plus some other topics
 
 - **The React Quick Start Guide: ES6 Edition**  

webpack-tutorials.md

@@ -43,10 +43,17 @@
   A lesson from a larger course on React.  Covers basic Webpack concepts and setup.
 
 - **Introduction to Webpack**  
-  http://code.tutsplus.com/tutorials/introduction-to-webpack-part-1--cms-25791
-  http://code.tutsplus.com/tutorials/introduction-to-webpack-part-2--cms-25911
+  http://code.tutsplus.com/tutorials/introduction-to-webpack-part-1--cms-25791  
+  http://code.tutsplus.com/tutorials/introduction-to-webpack-part-2--cms-25911  
   Covers basic setup, loaders, managing styles and images, and more.
 
+- **Why I think Webpack is the right approach to build pipelines**  
+  http://devlog.disco.zone/2016/06/01/webpack/  
+  Some thoughts on how Webpack works, and why its "tree of modules" approach to bundling makes sense.  Useful for understanding how you can work with Webpack.
+
+- **Webpack is not as complicated as you think**  
+  http://jilles.me/webpack-is-not-as-complicated-as-you-think/  
+  A simple overview of a basic Webpack config looks like.
 
 
 #### Configuration Terms and Concepts
@@ -59,4 +66,7 @@
 - **Webpack Series Part 1: Some Configs Explained**  
   http://tomasalabes.me/blog/_site/web-development/2016/04/30/Webpack-Series-Part-1.html  
   Describes a number of Webpack config options, including "noParse", "libraryTarget", and "externals"
-
+
+- **Angular + Webpack <3**  
+  https://docs.google.com/presentation/d/10mIapWjv1pyUQaMv6G8MCdoe9OK2Ey8zz-CLkHuFdRI/edit?usp=sharing  
+  A long presentation that describes Webpack and its core concepts in depth.  A few parts are Angular-centric, but still an extremely clear and informative set of slides.  Covers topics like the "entry" and "output" options, "loaders", and "plugins",