Add useState example

README.md

@@ -770,6 +770,33 @@ export default () => (
 
 > https://reactjs.org/docs/hooks-intro.html
 
+#### - useState
+
+> https://reactjs.org/docs/hooks-reference.html#usestate
+
+```tsx
+import * as React from 'react';
+
+interface CounterProps {
+  initialCount: number;
+}
+
+export default function Counter({initialCount}: CounterProps) {
+  const [count, setCount] = React.useState(initialCount);
+  return (
+    <>
+      Count: {count}
+      <button onClick={() => setCount(initialCount)}>Reset</button>
+      <button onClick={() => setCount(prevCount => prevCount + 1)}>+</button>
+      <button onClick={() => setCount(prevCount => prevCount - 1)}>-</button>
+    </>
+  );
+}
+
+```
+
+[⇧ back to top](#table-of-contents)
+
 #### - useReducer
 Hook for state management like Redux in a function component.
 

README_SOURCE.md

@@ -313,6 +313,14 @@ const mapDispatchToProps = (dispatch: Dispatch<ActionType>) => ({
 
 > https://reactjs.org/docs/hooks-intro.html
 
+#### - useState
+
+> https://reactjs.org/docs/hooks-reference.html#usestate
+
+::codeblock='playground/src/hooks/use-state.tsx'::
+
+[⇧ back to top](#table-of-contents)
+
 #### - useReducer
 Hook for state management like Redux in a function component.
 

playground/src/hooks/use-state.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface CounterProps {
+  initialCount: number;
+}
+
+export default function Counter({initialCount}: CounterProps) {
+  const [count, setCount] = React.useState(initialCount);
+  return (
+    <>
+      Count: {count}
+      <button onClick={() => setCount(initialCount)}>Reset</button>
+      <button onClick={() => setCount(prevCount => prevCount + 1)}>+</button>
+      <button onClick={() => setCount(prevCount => prevCount - 1)}>-</button>
+    </>
+  );
+}