From a5abe75007ea0afe8536c3222b94c72cf610dcbc Mon Sep 17 00:00:00 2001 From: Joshua Seigler Date: Wed, 12 Oct 2022 13:47:21 -0400 Subject: [PATCH] rename mini-apps --- src/strategies/index.ts | 16 ++++++++-------- src/strategies/{useSignal.tsx => todoSignal.tsx} | 2 +- .../{useContext.tsx => todoUseContext.tsx} | 2 +- .../{useReducer.tsx => todoUseReducer.tsx} | 2 +- .../{useState.tsx => todoUseState.tsx} | 2 +- 5 files changed, 12 insertions(+), 12 deletions(-) rename src/strategies/{useSignal.tsx => todoSignal.tsx} (98%) rename src/strategies/{useContext.tsx => todoUseContext.tsx} (98%) rename src/strategies/{useReducer.tsx => todoUseReducer.tsx} (98%) rename src/strategies/{useState.tsx => todoUseState.tsx} (98%) diff --git a/src/strategies/index.ts b/src/strategies/index.ts index 0912fbd..1dd0152 100644 --- a/src/strategies/index.ts +++ b/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 } ] diff --git a/src/strategies/useSignal.tsx b/src/strategies/todoSignal.tsx similarity index 98% rename from src/strategies/useSignal.tsx rename to src/strategies/todoSignal.tsx index 31a8d06..d0da7fb 100644 --- a/src/strategies/useSignal.tsx +++ b/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) => { diff --git a/src/strategies/useContext.tsx b/src/strategies/todoUseContext.tsx similarity index 98% rename from src/strategies/useContext.tsx rename to src/strategies/todoUseContext.tsx index 75bf569..ff6c0c8 100644 --- a/src/strategies/useContext.tsx +++ b/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('') diff --git a/src/strategies/useReducer.tsx b/src/strategies/todoUseReducer.tsx similarity index 98% rename from src/strategies/useReducer.tsx rename to src/strategies/todoUseReducer.tsx index 655a5d3..70e8bcb 100644 --- a/src/strategies/useReducer.tsx +++ b/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('') diff --git a/src/strategies/useState.tsx b/src/strategies/todoUseState.tsx similarity index 98% rename from src/strategies/useState.tsx rename to src/strategies/todoUseState.tsx index 0e7902f..bd0c9ff 100644 --- a/src/strategies/useState.tsx +++ b/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([]) const [newTodoText, setNewTodoText] = useState('')