tips-and-best-practices.md

Tips, Guidelines, and Best Practices

• React Best Practices and Tips
  http://www.toptal.com/react/tips-and-practices
  Several excellent guidelines for component structure and behavior

• Redux Best Practices
  https://medium.com/lexical-labs-engineering/redux-best-practices-64d59775802e
  Guidelines for tools, component structure, file layout, and async data handling

• "Redux Best Practices?"
  https://www.reddit.com/r/javascript/comments/3p9o0j/redux_best_practices/
  Short but good discussion on approaches.

• Best Practices for Building Large React Applications
  http://blog.siftscience.com/blog/2015/best-practices-for-building-large-react-applications
  Excellent advice for structuring components and improving reuse

• Designing Simpler React Components
  https://medium.com/building-asana/designing-simpler-react-components-13a0061afd16
  Tips on developing components for a scalable application, including using immutable data, pure functions, and some interesting suggestions on injecting data into components to improve separation of concerns.

• React-Redux Style Guide
  https://github.com/ghengeveld/react-redux-styleguide
  An opinionated style guide for developing applications in ES6+ with React and/or Redux.

• Nine things every React beginner should know
  https://camjackson.net/post/9-things-every-reactjs-beginner-should-know
  A solid list of concepts and suggestions for writing a React-based app.

• React.js Best Practices for 2016
  https://blog.risingstack.com/react-js-best-practices-for-2016/
  Some high-level suggestions for tools and approaches.

• How to avoid refactoring in your first React.js application
  http://andrejgajdos.com/how-to-avoid-refactoring-in-your-first-react-application/
  Covers several useful topics such as props vs state and use of shouldComponentUpdate, and links to several other articles on anti-patterns and component lifecycles.

• 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.

• 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.

• React Best Practices & Patterns
  http://seanamarasinghe.com/developer/react-best-practices-patterns/
  A number of useful conventions for writing React code.

• React Gotchas
  https://daveceddia.com/react-gotchas/
  Three quick tips to keep in mind while writing React code (capitalize component names, close all JSX tags, and remember setState is asynchronous)

• A Simple Naming Convention for Action Creators in Redux
  https://decembersoft.com/posts/a-simple-naming-convention-for-action-creators-in-redux-js/
  Some tips for consistent and understandable naming of actions and action creators

• You're Missing the Point of JSX
  http://blog.andrewray.me/youre-missing-the-point-of-jsx/
  Some arguments in favor of using JSX to define React UIs

• 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

• React Best Practices
  https://medium.com/@nesbtesh/react-best-practices-a76fd0fbef21
  Suggestions and tips for effectively writing React and Redux

• Helpful principles when starting with React
  http://ignaciochavez.com/helpful-principles-starting-react/
  Several useful tips for structuring components, managing data flow, and updating data. Has some excellent diagrams illustrating the concepts described.

• Redux Patterns and Anti-Patterns
  https://tech.affirm.com/redux-patterns-and-anti-patterns-7d80ef3d53bc
  Some tips for using Redux, including use of Immutable.js and structuring for action creators and reducers

• Our Redux Migration (and 5 tips for adoption in a mature codebase)
  https://blog.agolo.com/our-redux-migration-and-5-tips-for-adoption-in-a-mature-codebase-dc62322cb921
  Lessons learned from migrating to Redux, including choosing a directory structure nd knowing when to use Redux.

• 5 Simple Tips for Your First React + Redux Project
  https://blog.preen.ly/5-simple-tips-for-your-first-react-redux-project-10cbb2727b9a
  Good suggestions for managing state and structure, including using local component state when necessary, use of selector functions, and more.