rename mini-apps

src/strategies/index.ts

@@ -1,11 +1,11 @@
-import { UseState } from './useState'
-import { UseReducer } from './useReducer'
-import { UseContext } from './useContext'
-import { UseSignal } from './useSignal'
+import { TodoUseState } from './todoUseState'
+import { TodoUseReducer } from './todoUseReducer'
+import { TodoUseContext } from './todoUseContext'
+import { TodoSignal } from './todoSignal'
 
 export const strategies = [
-  { name: 'useState', component: UseState },
-  { name: 'useReducer', component: UseReducer },
-  { name: 'useContext', component: UseContext },
-  { name: 'useSignal', component: UseSignal }
+  { name: 'useState', component: TodoUseState },
+  { name: 'useReducer', component: TodoUseReducer },
+  { name: 'useContext', component: TodoUseContext },
+  { name: 'signals', component: TodoSignal }
 ]

src/strategies/todoSignal.tsx

@@ -35,7 +35,7 @@ function updateTodo(value: Todo) {
   todos.value = todos.value.map((t) => (t.id === value.id ? value : t))
 }
 
-export function UseSignal() {
+export function TodoSignal() {
   useEffect(() => {
     // run once when mounted
     localforage.getItem('react-state-management/todos', (_err, value) => {

src/strategies/todoUseContext.tsx

@@ -43,7 +43,7 @@ const TodoContext = React.createContext({
   dispatchTodoAction: (TodoAction) => {}
 })
 
-export function UseContext() {
+export function TodoUseContext() {
   const [isLoading, setLoading] = useState(true)
   const [todos, dispatchTodoAction] = useReducer(reducer, [])
   const [newTodoText, setNewTodoText] = useState('')

src/strategies/todoUseReducer.tsx

@@ -38,7 +38,7 @@ const reducer = (state: Todo[], action: TodoAction) => {
   }
 }
 
-export function UseReducer() {
+export function TodoUseReducer() {
   const [isLoading, setLoading] = useState(true)
   const [todos, dispatchTodoAction] = useReducer(reducer, [])
   const [newTodoText, setNewTodoText] = useState('')

src/strategies/todoUseState.tsx

@@ -7,7 +7,7 @@ type Todo = {
   status: 'incomplete' | 'complete'
 }
 
-export function UseState() {
+export function TodoUseState() {
   const [isLoading, setLoading] = useState(true)
   const [todos, setTodos] = useState<Todo[]>([])
   const [newTodoText, setNewTodoText] = useState('')