tips-and-best-practices

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

• Smart and Dumb Components https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0 Describes how to split components into two categories for separation of concerns and reusability

• 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