React refactor code #2

#javascript#webdev#beginners#react

Actual code : ```javascript const Counter = ({}) => { const [counter, setCounter] = useState(0)

const reset = () => setCounter(0)

return (

{counter}

) } ```

Refactor stage 1 : instead of

setCounter(counter + 1)

if we use

increment()

it would be more readable. ```javascript const Counter = ({}) => { const [counter, setCounter] = useState(0);

const reset = () => setCounter(0);

const increment = () => setCounter(counter + 1);

const decrement = () => setCounter(counter - 1);

return (

{counter}

); }; ```

Refactor stage 2 : No inline functions ```javascript const Counter = ({}) => { const [counter, setCounter] = useState(0);

const reset = () => setCounter(0);

const increment = () => setCounter(counter + 1);

const decrement = () => setCounter(counter - 1);

return (

{counter}

); }; ```