Merge pull request kookmin-sw#6 from capstone-maru/chore/recoil-templ…

…ate-code

Chore/recoil template code

src/features/auth/auth.action.ts

@@ -0,0 +1,23 @@
+import { useCallback, useMemo } from 'react';
+import { useRecoilState } from 'recoil';
+
+import { authState } from './auth.atom';
+
+export const useAuthActions = () => {
+  const [, setAuth] = useRecoilState(authState);
+
+  const login = useCallback(() => {
+    setAuth(prev => ({ ...prev, isLogin: true }));
+  }, [setAuth]);
+  const logout = useCallback(() => {
+    setAuth(prev => ({ ...prev, isLogin: false }));
+  }, [setAuth]);
+
+  useMemo(
+    () => ({
+      login,
+      logout,
+    }),
+    [login, logout],
+  );
+};

src/features/auth/auth.atom.ts

@@ -0,0 +1,11 @@
+import { atom } from 'recoil';
+
+import { type AuthState } from './auth.model';
+
+export const authState = atom<AuthState>({
+  key: 'authState',
+  default: {
+    isLogin: false,
+    token: undefined,
+  },
+});

src/features/auth/auth.hook.ts

@@ -0,0 +1,7 @@
+import { useRecoilState, useRecoilValue } from 'recoil';
+
+import { authState } from './auth.atom';
+import { getIsLogin } from './auth.selector';
+
+export const useAuthState = () => useRecoilState(authState);
+export const useAuthIsLogin = () => useRecoilValue(getIsLogin);

src/features/auth/auth.model.ts

@@ -0,0 +1,4 @@
+export interface AuthState {
+  isLogin: boolean;
+  token?: string;
+}

src/features/auth/auth.selector.ts

@@ -0,0 +1,11 @@
+import { selector } from 'recoil';
+
+import { authState } from './auth.atom';
+
+export const getIsLogin = selector<boolean>({
+  key: 'authState/isLogin',
+  get: ({ get }) => {
+    const auth = get(authState);
+    return auth.isLogin;
+  },
+});

src/features/auth/index.ts

@@ -1 +1,5 @@
-
+export * from './auth.action';
+export * from './auth.atom';
+export * from './auth.hook';
+export * from './auth.model';
+export * from './auth.selector';