FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-18 15:36:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

perf(web/menu): memoize button and header components

Browse Source 
Drops the render times for a 9 button menu down from 12ms to 1.6ms
This commit is contained in:
Luke
2022-10-29 16:15:58 +02:00
parent 6b8cfa990f
commit 00465d2e7a
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/features/menu/list/Header.tsx
View File

@@ -1,4 +1,5 @@
import { Box, Text } from '@chakra-ui/react'; import { Box, Text } from '@chakra-ui/react';
import React from 'react';
const Header: React.FC<{ title: string }> = ({ title }) => { const Header: React.FC<{ title: string }> = ({ title }) => {
return ( return (
@@ -18,4 +19,4 @@ const Header: React.FC<{ title: string }> = ({ title }) => {
); );
}; };
export default Header; export default React.memo(Header);

4
web/src/features/menu/list/ListItem.tsx
View File

@@ -1,6 +1,6 @@
import { Box, Flex, Stack, Text } from '@chakra-ui/react'; import { Box, Flex, Stack, Text } from '@chakra-ui/react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { forwardRef } from 'react'; import React, { forwardRef } from 'react';
import CustomCheckbox from './CustomCheckbox'; import CustomCheckbox from './CustomCheckbox';
import type { MenuItem } from './index'; import type { MenuItem } from './index';
@@ -68,4 +68,4 @@ const ListItem = forwardRef<Array<HTMLDivElement | null>, Props>(({ item, index,
); );
}); });
export default ListItem; export default React.memo(ListItem);