norayr93

React Best practices

I have summarized and compiled a list of React.JS best practices from various sources across the internet.

From the React docs

• https://reactjs.org/docs/components-and-props.html

  • props must be readonly

• https://reactjs.org/docs/state-and-lifecycle.html

norayr93

// This component is for creating and editing ctaBoxes. It openes a modal.

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import linkifyIt from 'linkify-it';
import { stopPropagation } from '../../../utils/common';
import { getFirstIcon } from '../../../utils/toolbar';
import Option from '../../../components/Option';
import { Dropdown, DropdownOption } from '../../../components/Dropdown';

norayr93

import React, { Component } from 'react';
import { connect } from 'react-redux';
import Header from './Header';
import UserAvatar from './UserAvatar';
import EventsSection from './UserEvents';
import { addUser } from '../actions/userActions';

class EventDashboardPage extends Component {
  componentDidMount = () => {
    this.props.dispatch(addUser());