Skip to content

Commit cc7e101

Browse files
committedApr 2, 2019
Simplified usage example in README
1 parent d3fbad7 commit cc7e101

File tree

2 files changed

+15
-43
lines changed

2 files changed

+15
-43
lines changed
 

‎README.md

+8-22
Original file line numberDiff line numberDiff line change
@@ -60,15 +60,15 @@ Using this library, you do not have to concern yourself with how to construct, r
6060

6161
```js
6262
// useCounter.js
63-
import { useState } from 'react'
63+
import { useState, useCallback } from 'react'
6464

65-
function useCounter(initialCount = 0) {
66-
const [count, setCount] = useState(initialCount)
65+
function useCounter() {
66+
const [count, setCount] = useState(0)
6767

68-
const incrementBy = useCallback((n) => setCount(count + n), [count])
69-
const decrementBy = useCallback((n) => setCount(count - n), [count])
68+
const increment = useCallback(() => setCount(count + 1), [count])
69+
const decrement = useCallback(() => setCount(count - 1), [count])
7070

71-
return { count, incrementBy, decrementBy }
71+
return { count, increment, decrement }
7272
}
7373

7474
export default useCounter
@@ -81,34 +81,20 @@ import useCounter from './useCounter'
8181

8282
afterEach(cleanup)
8383

84-
test('should create counter', () => {
85-
const { result } = renderHook(() => useCounter())
86-
87-
expect(result.current.count).toBe(0)
88-
})
89-
9084
test('should increment counter', () => {
9185
const { result } = renderHook(() => useCounter())
9286

93-
act(() => result.current.incrementBy(1))
87+
act(() => result.current.increment())
9488

9589
expect(result.current.count).toBe(1)
96-
97-
act(() => result.current.incrementBy(2))
98-
99-
expect(result.current.count).toBe(3)
10090
})
10191

10292
test('should decrement counter', () => {
10393
const { result } = renderHook(() => useCounter())
10494

105-
act(() => result.current.decrementBy(1))
95+
act(() => result.current.decrement())
10696

10797
expect(result.current.count).toBe(-1)
108-
109-
act(() => result.current.decrementBy(2))
110-
111-
expect(result.current.count).toBe(-3)
11298
})
11399
```
114100

‎test/customHook.test.js

+7-21
Original file line numberDiff line numberDiff line change
@@ -2,44 +2,30 @@ import { useState, useCallback } from 'react'
22
import { renderHook, cleanup, act } from 'src'
33

44
describe('custom hook tests', () => {
5-
function useCounter(initialCount = 0) {
6-
const [count, setCount] = useState(initialCount)
5+
function useCounter() {
6+
const [count, setCount] = useState(0)
77

8-
const incrementBy = useCallback((n) => setCount(count + n), [count])
9-
const decrementBy = useCallback((n) => setCount(count - n), [count])
8+
const increment = useCallback(() => setCount(count + 1), [count])
9+
const decrement = useCallback(() => setCount(count - 1), [count])
1010

11-
return { count, incrementBy, decrementBy }
11+
return { count, increment, decrement }
1212
}
1313

1414
afterEach(cleanup)
1515

16-
test('should create counter', () => {
17-
const { result } = renderHook(() => useCounter())
18-
19-
expect(result.current.count).toBe(0)
20-
})
21-
2216
test('should increment counter', () => {
2317
const { result } = renderHook(() => useCounter())
2418

25-
act(() => result.current.incrementBy(1))
19+
act(() => result.current.increment())
2620

2721
expect(result.current.count).toBe(1)
28-
29-
act(() => result.current.incrementBy(2))
30-
31-
expect(result.current.count).toBe(3)
3222
})
3323

3424
test('should decrement counter', () => {
3525
const { result } = renderHook(() => useCounter())
3626

37-
act(() => result.current.decrementBy(1))
27+
act(() => result.current.decrement())
3828

3929
expect(result.current.count).toBe(-1)
40-
41-
act(() => result.current.decrementBy(2))
42-
43-
expect(result.current.count).toBe(-3)
4430
})
4531
})

0 commit comments

Comments
 (0)
Please sign in to comment.