reactjs/redux

Function combineReducers has 66 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function combineReducers(reducers: {
  [key: string]: Reducer<any, any, any>
}) {
  const reducerKeys = Object.keys(reducers)
  const finalReducers: { [key: string]: Reducer<any, any, any> } = {}

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const TodoList = ({ todos, toggleTodo }) => (
  <ul>
    {todos.map(todo => (
      <Todo key={todo.id} {...todo} onClick={() => toggleTodo(todo.id)} />
    ))}

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const TodoList = ({ todos, onTodoClick }) => (
  <ul>
    {todos.map(todo => (
      <Todo key={todo.id} {...todo} onClick={() => onTodoClick(todo.id)} />
    ))}

• Read up
  Read up

File createStore.ts has 257 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import $$observable from './utils/symbol-observable'

import type {
  Store,
  StoreEnhancer,

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  products: PropTypes.arrayOf(
    PropTypes.shape({
      id: PropTypes.number.isRequired,
      title: PropTypes.string.isRequired,
      price: PropTypes.number.isRequired,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  products: PropTypes.arrayOf(
    PropTypes.shape({
      id: PropTypes.number.isRequired,
      title: PropTypes.string.isRequired,
      price: PropTypes.number.isRequired,

• Read up
  Read up

Function App has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img

Function App has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img

Function Counter has 51 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function Counter() {
  const count = useSelector(selectCount)
  const dispatch = useDispatch()
  const [incrementAmount, setIncrementAmount] = useState('2')

Function Counter has 51 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function Counter() {
  const count = useAppSelector(selectCount)
  const dispatch = useAppDispatch()
  const [incrementAmount, setIncrementAmount] = useState('2')

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      <form
        onSubmit={e => {
          e.preventDefault()
          if (!input.value.trim()) {
            return

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      <form
        onSubmit={e => {
          e.preventDefault()
          if (!input.value.trim()) {
            return

• Read up
  Read up

Function Errors has 48 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function Errors() {
  const location = useLocation()
  const context = useDocusaurusContext()
  const { siteConfig = {} } = context
  const errorCode = new URLSearchParams(location.search).get('code')

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  describe('Header', () => {
    it('should render', () => {
      const output = setup()
      const [header] = output.props.children
      expect(header.type).toBe(Header)

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('should display active count when above 0', () => {
      const { output } = setup({ activeCount: 1 })
      const [count] = output.props.children
      expect(getTextContent(count)).toBe('1 item left')
    })

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('should display active count when 0', () => {
      const { output } = setup({ activeCount: 0 })
      const [count] = output.props.children
      expect(getTextContent(count)).toBe('No items left')
    })

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  describe('Mainsection', () => {
    it('should render', () => {
      const output = setup()
      const [, mainSection] = output.props.children
      expect(mainSection.type).toBe(MainSection)

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  {
    content:
      'The official, opinionated, batteries-included toolset for efficient Redux development',
    title: 'Redux Toolkit',
    link: 'https://redux-toolkit.js.org',

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      it('lists all of the products as visible', () => {
        expect(products.getVisibleProducts(state)).toEqual([
          {
            id: 1,
            title: 'Product 1',

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    it('should render container', () => {
      const { output } = setup()
      expect(output.type).toBe('ul')
      expect(output.props.className).toBe('todo-list')
    })

• Read up
  Read up