👨‍💻
Community Resources
  • Welcome!!
  • Blockchain Resources
  • Web Development
  • A to Z Resources
  • Best GitHub Repos
  • MEAN & MERN Stack
  • React, Redux and ES6
    • basic-concepts
    • boilerplates-and-starter-kits
    • community-resources
    • es6-features
    • flux-tutorials
    • functional-programming
    • git-resources
    • immutable-data
    • javascript-resources
    • node-js-and-npm
    • pros-cons-discussion
    • react-performance
    • react-redux-architecture
    • react-redux-testing
    • react-styling
    • react-tutorials
    • react-vs-backbone
    • redux-side-effects
    • redux-techniques
    • redux-tutorials
    • thinking-in-react-and-flux
    • tips-and-best-practices
    • using-react-with-es6
    • webpack-advanced-techniques
    • webpack-tutorials
  • NodeJS
  • React Native
  • Mixed PDFs
  • AI/ML/DL
Powered by GitBook
On this page

Was this helpful?

  1. React, Redux and ES6

tips-and-best-practices

Previousthinking-in-react-and-fluxNextusing-react-with-es6

Last updated 4 years ago

Was this helpful?

  • React Best Practices and Tips Several excellent guidelines for component structure and behavior

  • Smart and Dumb Components Describes how to split components into two categories for separation of concerns and reusability

  • Redux Best Practices Guidelines for tools, component structure, file layout, and async data handling

  • "Redux Best Practices?" Short but good discussion on approaches.

  • Best Practices for Building Large React Applications Excellent advice for structuring components and improving reuse

  • Designing Simpler React Components 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 An opinionated style guide for developing applications in ES6+ with React and/or Redux.

  • Nine things every React beginner should know A solid list of concepts and suggestions for writing a React-based app.

  • React.js Best Practices for 2016 Some high-level suggestions for tools and approaches.

  • How to avoid refactoring in your first React.js 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 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 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 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 A number of useful conventions for writing React code.

  • 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 Some tips for consistent and understandable naming of actions and action creators

  • You're Missing the Point of JSX Some arguments in favor of using JSX to define React UIs

http://www.toptal.com/react/tips-and-practices
https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0
https://medium.com/lexical-labs-engineering/redux-best-practices-64d59775802e
https://www.reddit.com/r/javascript/comments/3p9o0j/redux_best_practices/
http://blog.siftscience.com/blog/2015/best-practices-for-building-large-react-applications
https://medium.com/building-asana/designing-simpler-react-components-13a0061afd16
https://github.com/ghengeveld/react-redux-styleguide
https://camjackson.net/post/9-things-every-reactjs-beginner-should-know
https://blog.risingstack.com/react-js-best-practices-for-2016/
http://andrejgajdos.com/how-to-avoid-refactoring-in-your-first-react-application/
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/
https://speakerdeck.com/koba04/the-state-of-react-dot-js-2016
https://github.com/kylpo/react-playbook
https://medium.com/@kylpo/redux-best-practices-eef55a20cc72
http://seanamarasinghe.com/developer/react-best-practices-patterns/
https://daveceddia.com/react-gotchas/
https://decembersoft.com/posts/a-simple-naming-convention-for-action-creators-in-redux-js/
http://blog.andrewray.me/youre-missing-the-point-of-jsx/