Updates, 2016-08-28

community-resources.md

@@ -27,6 +27,26 @@
   https://github.com/ericdouglas/react-roadmap  
   A curated list of free resources to master React Development
 
+- **React FAQ**  
+  https://github.com/timarney/react-faq  
+  A collection of links to help answer your questions about React.js
+
+- **JS Coach**  
+  https://js.coach/  
+  An automatically-updated searchable and categorized list of JS packages related to React, Webpack, Babel, and more.
+
+
+#### People
+
+- **Dan Abramov's React List**  
+  https://medium.com/@dan_abramov/my-react-list-862227952a8c  
+  A list of people (mostly but not entirely related to React) that Dan Abramov suggests following
+
+- **Twitter React Lists**  
+  https://twitter.com/wleong/lists/my-react-list/members  
+  https://twitter.com/oguzbilgic/lists/react-influencers/members  
+  Some Twitter lists that focus on React-related people
+
 
 #### Podcasts
 
@@ -69,6 +89,10 @@
   https://ponyfoo.com/weekly  
   A single email every thursday, discussing front-end web development and related technologies.
 
+- **Deterministic**  
+  https://deterministic.curated.co  
+  A weekly digest of interesting news and articles covering functional programming for the web, especially on the front end.
+
 
 #### Online Course Sites
 
@@ -79,3 +103,6 @@
 - **Frontend Masters**  
   https://frontendmasters.com/  
   Front-end training courses from masters who are shaping the industry.
+
+
+

es6-features.md

@@ -28,6 +28,10 @@
   http://kamranahmed.info/blog/2016/04/04/es6-in-depth/  
   A very readable overview of the features in ES6, why you would want to use them, and examples showing what they look like.
 
+- **How to Learn ES6**  
+  https://medium.com/javascript-scene/how-to-learn-es6-47d9a1ac2620  
+  A set of resources for learning ES6
+
 
 #### In-Depth Details
 
@@ -76,4 +80,28 @@
 
 - **Selective transpilation for modern Javascript environments**  
   https://medium.com/@adamrackis/selective-transpilation-for-modern-javascript-environments-15bde6b75cfd  
-  An investigation into ways to offer up differently-compiled bundles for different platforms with various levels of JS feature support.
+  An investigation into ways to offer up differently-compiled bundles for different platforms with various levels of JS feature support.
+
+
+#### Javascript Module Formats
+
+- **JavaScript Modules: A Beginner's Guide**  
+  https://medium.freecodecamp.com/javascript-modules-a-beginner-s-guide-783f7d7a5fcc  
+  https://medium.freecodecamp.com/javascript-modules-part-2-module-bundling-5020383cf306  
+  A two-part article discussing the various ways to define a module in Javascript, and common tools used to bundle modules together
+
+- **Understanding ES6 Modules via Their History**  
+  https://www.sitepoint.com/understanding-es6-modules-via-their-history/  
+  A recap of how the various Javascript module formats evolved over time, and how that's lead to ES6 modules
+
+- **Javascript Module Systems Showndown: CommonJS vs AMD vs ES2015**  
+  https://auth0.com/blog/javascript-module-systems-showdown/  
+  A look at the history and reasons for each module format's creation
+
+- **History and Background of Javascript Module Loaders**  
+  https://appendto.com/2016/06/the-short-history-of-javascript-module-loaders/  
+  An overview of the various tools that have been used to load different module formats over time
+
+- **Understanding Javascript Modules: Bundling and Transpiling**  
+  https://www.sitepoint.com/javascript-modules-bundling-transpiling/  
+  An overview of tools commonly used to bundle and transpile various module formats

git-resources.md

@@ -63,6 +63,10 @@
 - **Git Tips**  
   https://github.com/git-tips/tips  
   A large collection of Git tips and tricks.
+
+- **Digit**  
+  https://github.com/optionfactory/digit  
+  A tool to visualize the contents of a Git repo as an aid to learning
 
 #### E-Books
 
@@ -110,7 +114,6 @@
 - **Interactive Git Cheat Sheet**  
   http://ndpsoftware.com/git-cheatsheet.html  
   A clickable page that shows how various commands move data between different parts of Git's storage (working copy, index, local repo, remote repo)
-
 
 
 #### Desktop GUI Clients

javascript-resources.md

@@ -24,6 +24,10 @@ While this list is primarily focused on learning React and Redux, and generally
 - **Learning Javascript and the Danger of Spreading Yourself Too Thin**  
   https://medium.com/@kevininaniche/learning-javascript-and-the-danger-of-spreading-yourself-too-thin-4617384e7ea4  
   Tips on how to approach learning Javascript, and some additional resources.
+
+- **Reddit /r/LearnJavascript**  
+  https://www.reddit.com/r/LearnJavascript  
+  A Reddit community for learning Javascript
 
 
 #### Tutorials and Books

node-js-and-npm.md

@@ -27,3 +27,7 @@ NPM 3.7 or later, as that fixes a bug with the progress bar that drastically slo
 - **Control of Your Global Node Packages on Windows**  
   http://www.bossable.com/1710/nodejs-package-path-for-windows/  
   Tips for dealing with various path problems
+
+- **Pragmatic Modularity with Node**  
+  http://mafintosh.com/pragmatic-modularity.html  
+  Includes a description of Node's resolution algorithm for `require`

pros-cons-discussion.md

@@ -110,4 +110,43 @@ similar structures in ClojureScript.
 
 - **"How can I better market my Javascript library?"**  
   https://news.ycombinator.com/item?id=11833301  
-  The developer of a Redux wrapper library asks how to get more attention online.  I offer a pretty long reply comment describing the various network effects involved in any addon library, and critique his specific library from a Redux user's perspective.
+  The developer of a Redux wrapper library asks how to get more attention online.  I offer a pretty long reply comment describing the various network effects involved in any addon library, and critique his specific library from a Redux user's perspective.
+
+- **"Our conversion from Angular to React"**  
+  https://www.reddit.com/r/reactjs/comments/4upt6t/netlify_our_conversion_from_angular_to_react/d5smdih  
+  A comment pointing out that React's "mostly the view" status enables it to be used in a wide variety of situations, which also means it works best when you are willing and able to come up with your own architecture.
+
+- **"Dan Abramov: Redux is not an architecture or a pattern, it's just a library"**  
+  https://www.reddit.com/r/javascript/comments/4rcqpx/dan_abramov_redux_is_not_an_architecture_or/  
+  A discussion thread covering a number of aspects of Redux usage, including its relation with other libraries and patterns such as event sourcing.
+
+- **"Why isn't AJAX present in many examples of React/Flow/Redux?"**  
+  https://www.reddit.com/r/reactjs/comments/4pbq2x/why_isnt_ajax_present_in_many_examples_of/  
+  Discussion of why a typical React app is made up of many different libraries and pieces.
+
+- **"Confused: Redux or MobX?"**  
+  https://www.reddit.com/r/reactjs/comments/4npzq5/confused_redux_or_mobx/  
+  An in-depth thread comparing the two libraries.  Includes comments from both Dan Abramov of Redux and Michel Weststrate of MobX describing their libraries, as well a number of other good comparisons.
+
+#### React's PATENTS License
+
+- **Dan Abramov Twitter threads addressing patent concerns**  
+  https://twitter.com/dan_abramov/status/754992075087745024  
+  https://twitter.com/dan_abramov/status/766210972776337408  
+  https://gist.github.com/gaearon/df0c4025e67399af72786d7ac7c819cc  
+  A couple of extended discussions from Dan debunking myths about React's PATENTS clause, and a collection of further related links
+
+- **Comments from other companies on the acceptability of the license**  
+  https://wptavern.com/automattic-will-continue-to-use-react-js-in-calypso-despite-patent-clause  
+  https://twitter.com/paul_irish/status/754864479460929536  
+  https://twitter.com/palmerj3/status/766236192669073412  
+  https://blogs.windows.com/buildingapps/2016/04/13/react-native-on-the-universal-windows-platform/  
+  Comments from developers at Automattic, Google, Spotify, and Microsoft, indicating they're fine with using React
+
+- **Further discussions**  
+  https://news.ycombinator.com/item?id=12108273  
+  https://news.ycombinator.com/item?id=12108526  
+  https://vimeo.com/170598656#comment_14699807  
+  https://github.com/facebook/react/issues/7293  
+  More discussion threads regarding the PATENTS license
+

react-performance.md

@@ -69,6 +69,10 @@ My [Redux Ecosystem Links](https://github.com/markerikson/redux-ecosystem-links)
   https://gist.github.com/ryanflorence/a301dc184f75e929a263dc1e80399a28  
   A tip for improving performance when conditionally rendering components: use a function as a child, and only call that function if the condition is true.
 
+- **Dan Abramov - "Don't stress over binding in render"**  
+  https://twitter.com/dan_abramov/status/760199672824815616  
+  Dan advises not to worry about binding methods in render functions unless profiling shows it's a real perf problem for you
+
 #### Immutable Data
 
 - **Building Efficient UI with React and Redux**  
@@ -95,6 +99,10 @@ My [Redux Ecosystem Links](https://github.com/markerikson/redux-ecosystem-links)
   https://twitter.com/leeb/status/746733697093668864  
   Another suggestion from Lee Byron to avoid use of Immutable.js's data conversion functions based on performance reasons.
 
+- **"Potential concerns with using Immutable.js"**  
+  https://www.reddit.com/r/javascript/comments/4rcqpx/dan_abramov_redux_is_not_an_architecture_or/d51g4k4?context=3  
+  A comment discussing a number of potential negative tradeoffs when using Immutable.js, including both performance anti-patterns and API issues
+
 #### Redux Performance
 
 - **High Performance Redux**  

react-redux-architecture.md

@@ -126,6 +126,38 @@
   https://medium.com/merrickchristensen/function-as-child-components-5f3920a9ace9  
   Explains the "function as a child" technique as an alternative to Higher Order Components
 
+- **React Patterns**  
+  http://reactpatterns.com/  
+  A list of common patterns for structuring React components
+
+- **Ramblings About React and Redux Architecture**  
+  https://medium.com/@kurtiskemple/ramblings-about-react-and-redux-architecture-c27dfff79ddf  
+  Thoughts on structuring components as "Providers", "Behavior", and "Presentational"
+
+- **How to handle React context in a reliable way**  
+  https://medium.com/react-ecosystem/how-to-handle-react-context-a7592dfdcbc  
+  Covers what the context feature is, how to use it, and some concerns to be aware of.
+
+- **Higher Order React Components**  
+  http://natpryce.com/articles/000814.html  
+  A solid explanation of what HoCs are, with examples and use cases
+
+- **Writing a good React Component**  
+  https://medium.com/thoughts-from-travelperk/writing-a-good-react-component-59624ed40b8e  
+  Some very good best practices for writing components.
+
+- **The Anatomy of a React Redux App**  
+  https://medium.com/@rajaraodv/the-anatomy-of-a-react-redux-app-759282368c5a  
+  Breaks down the component structure of a typical React/Redux app, and classifies the different types of components that usually show up
+
+- **Making custom renderers for React**  
+  http://goshakkk.name/react-custom-renderers/  
+  Describes techniques for building custom rendering components that bridge between normal rendering and something like a canvas
+
+- **Connected Higher Order Components with React and Redux**  
+  http://www.avitzurel.com/blog/2016/08/03/connected-higher-order-components-with-react-and-redux/  
+  Demonstrates creating HoCs that are connected to Redux
+
 #### React and AJAX
 
 - **React AJAX Best Practices**  
@@ -217,6 +249,11 @@
   http://spraso.com/managing-react-controlled-component-state/  
   Some short examples of how to properly manage state for controlled inputs
 
+- **Radio Buttons and Checkboxes in React**  
+  http://react.tips/radio-buttons-in-reactjs/  
+  http://react.tips/checkboxes-in-react/  
+  Tutorials on managing various inputs in forms with React
+
 
 #### Project File Structure
 
@@ -271,5 +308,15 @@
 - **How we reduced boilerplate and handled asynchronous actions with Redux**  
   https://blog.algolia.com/how-we-reduced-boilerplate-and-handled-asynchronous-actions-with-redux/  
   A look at conventions that have helped the Algolia team write Redux apps.
+
+- **10 Tips for Better Redux Architecture**  
+  https://medium.com/javascript-scene/10-tips-for-better-redux-architecture-69250425af44  
+  A great article covering when and why to use Redux, benefits, and several tips for a better application architecture.
 
-
+- **Redux without Profanity**  
+  https://tonyhb.gitbooks.io/redux-without-profanity/content/  
+  An online book covering best practices and approaches for managing a Redux application
+
+- **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

react-redux-testing.md

@@ -76,6 +76,18 @@
   http://pebblecode.com/blog/testing-redux-containers/  
   Demonstrates techniques for properly testing Redux-connected React components using a mock store.
 
+- **React TDD Guide**  
+  https://github.com/zpratt/react-tdd-guide  
+  A repo with step-by-step commits demonstrating approaches to testing React apps
+
+- **Unit Testing React Components that use Redux**  
+  http://www.thereformedprogrammer.net/unit-testing-react-components-that-use-redux/  
+  Tips on unit testing components that render more Redux-connected components
+
+- **Generative Testing using Redux: Reducers**  
+  https://medium.com/javascript-inside/generative-testing-your-redux-reducers-326d7368f284  
+  A look at using "generative testing" to autoomatically test reducers with varying inputs
+
 
 #### General Testing, Tools, and Setup
 

react-styling.md

@@ -18,4 +18,8 @@
 
 - **Journey to Enjoyable, Maintainable Styling with React, ITCSS, and CSS-in-JS**  
   https://medium.com/maintainable-react-apps/journey-to-enjoyable-maintainable-styling-with-react-itcss-and-css-in-js-632cfa9c70d6  
-  A long, in-depth article detailing one dev's progression through various approaches to handling CSS.
+  A long, in-depth article detailing one dev's progression through various approaches to handling CSS.
+
+- **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

react-tutorials.md

@@ -74,6 +74,10 @@
 - **React Tutorial**  
   http://www.pshrmn.com/tutorials/react/react/  
   A very readable intro to React's concepts.
+
+- **React Workshop**  
+  https://github.com/jesstelford/react-workshop  
+  A self-directed set of workshop lessons that teach React basics.
 
 
 #### Project-Based Tutorials
@@ -190,6 +194,10 @@
   http://thereignn.ghost.io/on-the-async-nature-of-setstate-in-react/  
   Digs into the behavior of `setState`, and whether it is actually always async or not.  Some decent info, although the final section does make some strange statements.
 
+- **React - Basic Theoretical Concepts**  
+  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.)
+
 #### Paid Courses and Books
 
 Also see the course sites listed in the [Community Resources](community-resources.md#online-course-sites) page.

redux-side-effects.md

@@ -14,6 +14,10 @@
 - **Pure Functionality and Side Effects with Redux**  
   https://blog.hivejs.org/building-the-ui-2/  
   An overview of what side effects are, how they fit into Redux, and several approaches for managing them.
+
+- **"Async Redux workflow: calling actions outside Redux?"**  
+  https://www.reddit.com/r/reactjs/comments/4upe9t/async_redux_workflow_calling_actions_outside_redux/d5sgy5s?context=3  
+  A comment explaining why using action creator functions is a good practice
 
 #### Sagas
 

redux-techniques.md

@@ -19,6 +19,10 @@
 - **Fix Ugly JSON Api Responses With Redux Middleware**  
   http://blog.benwiley.org/fix-json-responses-redux-middleware/  
   Sets up a sample project that requests JSON data, then shows how to use some custom middleware to transform the response.
+
+- **You Aren't Using Redux Middleware Enough**  
+  https://medium.com/@jacobp100/you-arent-using-redux-middleware-enough-94ffe991e6  
+  Suggestions for using middleware to solve a number of interesting use cases
 
 
 #### Debugging
@@ -34,6 +38,14 @@
 - **Drew Bug**  
   https://www.youtube.com/watch?v=n8vkg_RVIRo  
   A video demonstrating a Redux crash reporter and time travel debugger.
+
+- **Redux DevTools Without Redux**  
+  https://medium.com/@zalmoxis/redux-devtools-without-redux-or-how-to-have-a-predictable-state-with-any-architecture-61c5f5a7716f  
+  Instructions on setting up the Redux DevTools browser extension to use things other than a single Redux store (such as reducers for use within a React component, or other state libs)
+
+- **Redux Error Reports Concept**  
+  https://medium.com/@jrullmann/redux-error-reports-concept-ab85b658f53e  
+  A semi-hypothetical description of tools that could be built to report errors by leveraging Redux
 
 
 #### Type Checking
@@ -92,6 +104,28 @@
   http://mediatemple.net/blog/tips/a-quick-look-at-the-react-and-redux-devtools/  
   An intro to using the React DevTools and Redux DevTools extensions for debugging
 
+- **Real-World React and Redux**  
+  https://dzone.com/articles/real-world-reactjs-and-redux-part-1  
+  https://dzone.com/articles/real-world-reactjs-and-redux-part-2  
+  A series of articles covering practical architecture lessons learned from building Redux apps, especially regarding use of custom middleware
+
+- **Connecting the Linode API to Redux with Higher-Order Functions**  
+  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
+
+
+
+#### UI and Widget Implementations
+
+- **"How can I display a modal dialog in Redux?"**  
+  http://stackoverflow.com/questions/35623656/how-can-i-display-a-modal-dialog-in-redux-that-performs-asynchronous-actions/35641680  
+  Dan Abramov describes a great technique for descriptively managing React modal dialogs using Redux actions and state
+
+- **"Generic Modal Dialogs with Feature-Specific Actions"**  
+  https://www.reddit.com/r/reactjs/comments/4wjmme/implement_a_confirm_modal_using_react_redux/d68ajcw?context=3  
+  A follow-on to Dan's technique, with a short suggestion for using generic modal components in a variety of situations by including actions as props.
+
+
 
 #### Variations on Redux Architectures
 
@@ -117,4 +151,8 @@
 
 - **Write Better Redux with redux-module-builder**  
   https://www.fullstackreact.com/articles/better-redux-module-management/  
-  Describes how to use the utilities included in the redux-module-builder package to better organize a Redux application
+  Describes how to use the utilities included in the redux-module-builder package to better organize a Redux application
+
+- **The Elegance of React, Redux, and Ramda**  
+  https://medium.com/javascript-inside/the-elegance-of-react-ebc21a2dcd19  
+  Demonstrates ways to use Ramda to compose together React components and Redux behavior