sidebars.js

module.exports = {
  someSidebar: {
    'React Patterns': [
      'home',
      'proxy-component',
      'make-the-api-call-in-componentdidmount',
      'stateless-function',
      'higher-order-function',
      'higher-order-component',
      'accessing-a-child-component',
      'jsx-spread-attributes',
      'render-callback',
      'function-as-child-component',
      'function-as-prop-component',
      'component-injection',
      {
        'Conditional rendering': [
          'if-else',
          'ternary-operation',
          'logical-and-operator',
          'switch-case-operator',
          'conditional-rendering-with-enum',
          'multi-level-conditional-rendering',
          'with-higher-order-component',
          'external-templating-component',
        ],
      },
      {
        'Destructuring': [
          'destructuring',
          'destructuring-function-argument',
          'nested-destructuring',
          'destructuring-rest-or-spread-operator',
        ],
      },
      'promises-over-callbacks',
      'container-component',
      'state-hoisting',
      'pure-component-avoid-heavy-re-render',
    ],
    'React Anti-patterns': [
      'props-in-initial-state-is-an-anti-pattern',
      'shouldcomponentupdate-avoid-heavy-re-render',
      'indexes-as-a-key-is-an-anti-pattern',
      'spreading-props-on-dom-elements-is-an-anti-pattern',
    ],
  },
};