Updates, 2016-09-11

community-resources.md

@@ -35,6 +35,10 @@
   https://js.coach/  
   An automatically-updated searchable and categorized list of JS packages related to React, Webpack, Babel, and more.
 
+- **Awesome React Components**  
+  https://github.com/brillout/awesome-react-components  
+  Catalog of React components / libraries
+
 
 #### People
 
@@ -93,6 +97,10 @@
   https://deterministic.curated.co  
   A weekly digest of interesting news and articles covering functional programming for the web, especially on the front end.
 
+- **ES.next News**  
+  http://esnextnews.com/  
+  5 ECMAScript.next links every week, in your inbox.  Curated by Dr. Axel Rauschmayer and Johannes Weber.
+
 
 #### Online Course Sites
 

es6-features.md

@@ -67,6 +67,14 @@
   https://rainsoft.io/detailed-overview-of-well-known-symbols/  
   An in-depth look at the predefined Symbols in ES6 and what they are used for.
 
+- **Learning ES6: New Collections**
+  https://www.eventbrite.com/engineering/learning-es6-new-collections/  
+  Details the new Map, Set, WeakMap & WeakSet collection types in ES6.
+
+- **Learning ES6: Iterators and Iterables**  
+  https://www.eventbrite.com/engineering/learning-es6-iterators-iterables/  
+  Covers the new iteration-related features in ES6
+
 
 #### Techniques
 

git-resources.md

@@ -67,6 +67,14 @@
 - **Digit**  
   https://github.com/optionfactory/digit  
   A tool to visualize the contents of a Git repo as an aid to learning
+
+- **Advanced Git Advice**  
+  https://medium.com/@zlobin/advanced-git-advice-27087a7fbb29  
+  A variety of useful tips and commands.
+
+- **Git's Patch Mode All the Way**  
+  https://blog.petrzemek.net/2016/07/10/git-patch-mode-all-the-way/  
+  Shows how to use Git's ability to selectively pick and choose chunks of code as part of various actions
 
 #### E-Books
 

javascript-resources.md

@@ -28,6 +28,10 @@ While this list is primarily focused on learning React and Redux, and generally
 - **Reddit /r/LearnJavascript**  
   https://www.reddit.com/r/LearnJavascript  
   A Reddit community for learning Javascript
+
+- **Roadmap for Learning the Javascript Language**   
+  http://bytearcher.com/articles/roadmap-for-learning-javascript-language/  
+  A suggested approach for how to learn Javascript.
 
 
 #### Tutorials and Books
@@ -40,6 +44,10 @@ While this list is primarily focused on learning React and Redux, and generally
   https://github.com/getify/You-Dont-Know-JS  
   An online book series intended to teach all aspects of Javascript, including the "tougher" parts.
 
+- **23 Free Javascript Books**  
+  https://hackerlists.com/free-javascript-books/  
+  A list of many Javascript books available for free online.
+
 
 #### Interactive Exercises
 

react-redux-architecture.md

@@ -158,6 +158,14 @@
   http://www.avitzurel.com/blog/2016/08/03/connected-higher-order-components-with-react-and-redux/  
   Demonstrates creating HoCs that are connected to Redux
 
+- **Redux'ing without Redux**  
+  https://medium.com/@m.mollaverdi/reduxing-without-redux-75dbd5c05336  
+  Thoughts on how some of Redux’s goodness can perhaps be utilised without actually using Redux.
+
+- **Exploring React's State Propagation**  
+  https://www.sitepoint.com/exploring-reacts-state-propagation/  
+  Discusses data flow in React, the difference between `state` and `props`, and the usefulness of immutability
+
 #### React and AJAX
 
 - **React AJAX Best Practices**  
@@ -259,7 +267,11 @@
 
 - **Scaling React.js Applications**  
   https://vimeo.com/168648012  
-  Talk about managing large react.js applications. Covers "Feature" structure, redux-saga and CSS modules.
+  Max Stoiber's talk about managing large react.js applications. Covers "Feature" structure, redux-saga and CSS modules.
+
+- **How to Scale React Applications**  
+  https://www.smashingmagazine.com/2016/09/how-to-scale-react-applications/  
+  Max Stoiber, creator of the popular "React-Boilerplate" starter kit, describes the approaches they use to lay out projects based on features.
 
 - **Organizing Large React Applications**  
   http://engineering.kapost.com/2016/01/organizing-large-react-applications/  
@@ -288,6 +300,10 @@
 - **Fractal Project Structure**  
   https://github.com/davezuko/react-redux-starter-kit/wiki/Fractal-Project-Structure  
   Docs from the React Redux Starter Kit project describing their "Fractal Project Structure" concept, and advice for file and app organization.
+
+- **Redux Structure: a Way to Success**  
+  https://datarockets.com/blog/redux-structure  
+  Thoughts on a "modules and components"-based approach to file structure, 
 
 
 #### Redux Architecture
@@ -319,4 +335,5 @@
 
 - **Where do I put my business logic in a React-Redux application?**  
   https://medium.com/@jeffbski/where-do-i-put-my-business-logic-in-a-react-redux-application-9253ef91ce1  
-  Describes several options for managing logic and async behavior (thunks, sagas, etc), and introduces a new middleware as an alternative approach
+  Describes several options for managing logic and async behavior (thunks, sagas, etc), and introduces a new middleware as an alternative approach
+

react-redux-testing.md

@@ -88,6 +88,14 @@
   https://medium.com/javascript-inside/generative-testing-your-redux-reducers-326d7368f284  
   A look at using "generative testing" to autoomatically test reducers with varying inputs
 
+- **Some Thoughts on Testing React/Redux Applications**  
+  https://medium.com/javascript-inside/some-thoughts-on-testing-react-redux-applications-8571fbc1b78f  
+  Guidelines and best practices for what and how to test in a React/Redux app
+
+- **Test Driving a change to a Redux application - Step by Step**  
+  https://medium.com/@kensodev/test-driving-a-change-to-a-react-redux-application-step-by-step-6c8856e7644c  
+  Demonstrates a TDD approach to reworking a Redux app feature
+
 
 #### General Testing, Tools, and Setup
 

react-styling.md

@@ -22,4 +22,8 @@
 
 - **Patterns for Style Composition in React**  
   http://jxnblk.com/writing/posts/patterns-for-style-composition-in-react/  
-  Some great suggestions for defining reusable React components that can have variations in styling
+  Some great suggestions for defining reusable React components that can have variations in styling
+
+- **Functional CSS - The Good, The Bad, and Some Protips for React.js Users**  
+  https://github.com/chibicode/react-functional-css-protips  
+  An essay describing the "functional CSS" approach, pros and cons of using it, and tips for using that approach with React.

react-tutorials.md

@@ -150,6 +150,14 @@
   http://patternhatch.com/2016/08/02/a-primer-on-the-react-ecosystem-part-2-of-3/  
   A multi-part tutorial that demonstrates how to set up a React development environment, create React components and have them respond to data changes, and manage app state with Redux.
 
+- **Building Your First Real-World React Application**  
+  http://academy.plot.ly/#react  
+  Max Stoiber's full-size tutorial on building an app using React.  Includes an intro to React, project setup, using external libraries, data management with Redux, use of Immutable.js, and testing with Jest.
+
+- **React on the Server for Beginners: Build a Universal React App**  
+  https://scotch.io/tutorials/react-on-the-server-for-beginners-build-a-universal-react-and-node-app  
+  Details building a React app that renders on both the client and the server
+
 
 #### React Implementation Walkthroughs
 
@@ -198,6 +206,10 @@
   https://github.com/reactjs/react-basic  
   React team member Seb Markbage dives into his mental model for how React works.  (Note: after the first few paragraphs, _not_ "basic" at all.  Definitely an involved read, but informative.)
 
+- **React Events In Depth**  
+  https://www.youtube.com/watch?v=dRo_egw7tBc  
+  A Javascript Air episode focused on how React's Events system works, with React team members Dan Abramov and Ben Alpert
+
 #### Paid Courses and Books
 
 Also see the course sites listed in the [Community Resources](community-resources.md#online-course-sites) page.
@@ -218,6 +230,3 @@ Also see the course sites listed in the [Community Resources](community-resource
   https://appendto.com/courses/react-training/  
   appendTo offers instructor-led, hands-on React training courses on React, Redux, React Native, ES6, and Webpack.
 
-
-
-

redux-techniques.md

@@ -113,6 +113,10 @@
   https://engineering.linode.com/2016/08/17/Using-metaprogramming-in-the-manager.html  
   Linode explains how they generate customized action creators and reducers to talk to different parts of their API
 
+- **A Finite State Machine Helper for Redux**  
+  https://hackernoon.com/a-finite-state-machine-helper-for-redux-c18519643719  
+  Describes a small but useful library for managing state machines using Redux reducers.
+
 
 
 #### UI and Widget Implementations

redux-tutorials.md

@@ -72,6 +72,10 @@
 - **Redux10: A Visual Overview of Redux in 10 Steps**  
   https://github.com/chrisscoular/Redux10  
   A small repo with a standalone HTML page.  Walks through 10 simple steps to help explain the basics of Redux.
+
+- **How to Use the React-Redux package**  
+  http://code.tutsplus.com/tutorials/how-to-use-the-react-redux-package--cms-27150  
+  An excerpt from the "Modern Web Apps with React and Redux" course, explaining how to use React-Redux to connect components to Redux.
 
 
 #### Project-Based Tutorials
@@ -131,6 +135,10 @@
   https://www.pubnub.com/blog/2016-08-16-add-typing-indicator-to-your-react-based-chat-app/  
   A four-part tutorial that walks through building a realtime chat app
 
+- **React and Redux Tutorial - Trending Github**  
+  http://myappincome.co.uk/react-redux-tutorial-trending-github-part-1/  
+  A five-part tutorial that builds a small app showing trending Github repos.
+
 
 #### Redux Implementation Walkthroughs
 
@@ -199,3 +207,7 @@
 - **Developing a Redux Edge**  
   https://bleedingedgepress.com/developing-a-redux-edge/  
   This book is for anyone wanting to learn about Redux, a predictable state container for JavaScript apps. It is aimed at intermediate developers who have a good understanding of creating single page applications with JavaScript.
+
+- **Modern Web Apps with React and Redux**  
+  http://code.tutsplus.com/courses/modern-web-apps-with-react-and-redux  
+  A paid course on TutsPlus that builds a spaced-repetition notecard app.

tips-and-best-practices.md

@@ -68,4 +68,8 @@
 
 - **React/Redux - Best Practices and Gotchas**  
   http://blog.getstream.io/react-redux-best-practices-gotchas  
-  Several useful tips for avoiding common pitfalls, structuring an application, and using various React-related tools
+  Several useful tips for avoiding common pitfalls, structuring an application, and using various React-related tools
+
+- **React Best Practices**  
+  https://medium.com/@nesbtesh/react-best-practices-a76fd0fbef21  
+  Suggestions and tips for effectively writing React and Redux

webpack-advanced-techniques.md

@@ -36,7 +36,6 @@
   https://github.com/erikras/react-redux-universal-hot-example/issues/616#issuecomment-228956242  
   Notes from a user who wants to document his findings on usage of DllPlugin.  Pretty thorough.
 
-
 - **Implement Webpack DLL Plugin for React-Boilerplate**  
   https://github.com/mxstbr/react-boilerplate/pull/495  
   A PR adding usage of DllPlugin to React-Boilerplate.  Thorough and well-commented - should be a very useful reference to anyone trying to set it up in their own project.
@@ -57,6 +56,18 @@
   https://www.reddit.com/r/javascript/comments/4xuknm/webpack_dashboard/d6jdl8z  
   A Reddit comment with several useful tips to follow when trying to speed up builds
 
+- **Formidable Playbook**  
+  https://formidable.com/open-source/playbook/  
+  Formidable Labs describes their preferred approaches for configuring Webpack, including optimization approaches.
+
+- **Code Chunking with Webpack**  
+  https://medium.com/react-weekly/code-chunking-with-webpack-a-pragmatic-approach-e17e8bcc6453  
+  Covers how to configure chunked bundles and dynamic bundle loading with Webpack and React-Router.
+
+- **Lazily Load Code Declaratively in React and Webpack**  
+  https://gist.github.com/iammerrick/f3f9edfbf5dc279af775f73020193dcc  
+  Demonstrates one way to request and render components on demand, using Webpack's bundle-loader
+
 #### Hot Module Replacement
 
 - **Webpack and Hot Module Replacement**