tips-and-best-practices
Last updated
Was this helpful?
Last updated
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