eslint-config-oats/sample/example.js

An eslint config that nourishes and gets you ready for the day.

import React from 'react'
import PropTypes from 'prop-types'

export default Users

function Users({ nameFilter }) {
  const users = [
    { name: 'Janice', friends: ['Albert', 'Nancy'], id: 23 },
  ].filter(({ name }) => name.toLowerCase().includes(nameFilter))

  return (
    <div className="user-list" id="users-section" data-testid="users">
      {users.map((user) => (
        <div key={user.id}>
          {user.name} is friends with {user.friends.join(', ')}
        </div>
      ))}
    </div>
  )
}

Users.propTypes = {
  nameFilter: PropTypes.string,
}

export function variableNames() {
  const user$ = 'user stream'
  const $element = 'dom node'
  const camelCase = 'camelCase'
  const PascalCase = 'PascalCase'
  const __thing = '__filename'
  const CONST_VALUE = 'CONST_VALUE'
  return { $element, user$, camelCase, PascalCase, __thing, CONST_VALUE }
}

/*
  eslint
  import/no-extraneous-dependencies:0
  import/no-unresolved:0
 */