Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-21 21:29:20 +01:00
Code Issues Projects Releases Packages Wiki Activity

memo all the things

Browse source 
Somehow things got slower on local dev
This commit is contained in:
Lim Chee Aun 2023-09-09 14:09:50 +08:00
parent d4fc54eaf4
commit 5147efd123
4 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/background-service.jsx
View file

@ -1,3 +1,4 @@
import { memo } from 'preact/compat';
import { useEffect, useRef, useState } from 'preact/hooks'; import { useEffect, useRef, useState } from 'preact/hooks';
import { api } from '../utils/api'; import { api } from '../utils/api';
@ -5,7 +6,7 @@ import states, { saveStatus } from '../utils/states';
import useInterval from '../utils/useInterval'; import useInterval from '../utils/useInterval';
import usePageVisibility from '../utils/usePageVisibility'; import usePageVisibility from '../utils/usePageVisibility';
export default function BackgroundService({ isLoggedIn }) { export default memo(function BackgroundService({ isLoggedIn }) {
// Notifications service // Notifications service
// - WebSocket to receive notifications when page is visible // - WebSocket to receive notifications when page is visible
const [visible, setVisible] = useState(true); const [visible, setVisible] = useState(true);
@ -89,4 +90,4 @@ export default function BackgroundService({ isLoggedIn }) {
}); });
return null; return null;
} });

5
src/components/keyboard-shortcuts-help.jsx
View file

@ -1,5 +1,6 @@
import './keyboard-shortcuts-help.css'; import './keyboard-shortcuts-help.css';
import { memo } from 'preact/compat';
import { useHotkeys } from 'react-hotkeys-hook'; import { useHotkeys } from 'react-hotkeys-hook';
import { useSnapshot } from 'valtio'; import { useSnapshot } from 'valtio';
@ -8,7 +9,7 @@ import states from '../utils/states';
import Icon from './icon'; import Icon from './icon';
import Modal from './modal'; import Modal from './modal';
export default function KeyboardShortcutsHelp() { export default memo(function KeyboardShortcutsHelp() {
const snapStates = useSnapshot(states); const snapStates = useSnapshot(states);
function onClose() { function onClose() {
@ -161,4 +162,4 @@ export default function KeyboardShortcutsHelp() {
</Modal> </Modal>
) )
); );
} });

5
src/components/notification-service.jsx
View file

@ -1,3 +1,4 @@
import { memo } from 'preact/compat';
import { useLayoutEffect, useState } from 'preact/hooks'; import { useLayoutEffect, useState } from 'preact/hooks';
import { useSnapshot } from 'valtio'; import { useSnapshot } from 'valtio';
@ -14,7 +15,7 @@ import Link from './link';
import Modal from './modal'; import Modal from './modal';
import Notification from './notification'; import Notification from './notification';
export default function NotificationService() { export default memo(function NotificationService() {
if (!('serviceWorker' in navigator)) return null; if (!('serviceWorker' in navigator)) return null;
const snapStates = useSnapshot(states); const snapStates = useSnapshot(states);
@ -179,4 +180,4 @@ export default function NotificationService() {
} }
return null; return null;
} });

5
src/components/search-command.jsx
View file

@ -1,11 +1,12 @@
import './search-command.css'; import './search-command.css';
import { memo } from 'preact/compat';
import { useRef, useState } from 'preact/hooks'; import { useRef, useState } from 'preact/hooks';
import { useHotkeys } from 'react-hotkeys-hook'; import { useHotkeys } from 'react-hotkeys-hook';
import SearchForm from './search-form'; import SearchForm from './search-form';
export default function SearchCommand({ onClose = () => {} }) { export default memo(function SearchCommand({ onClose = () => {} }) {
const [showSearch, setShowSearch] = useState(false); const [showSearch, setShowSearch] = useState(false);
const searchFormRef = useRef(null); const searchFormRef = useRef(null);
@ -64,4 +65,4 @@ export default function SearchCommand({ onClose = () => {} }) {
/> />
</div> </div>
); );
} });