This is profiling data from: https://github.com/3perf/react-workshop-ra/tree/main/notes
Aiden Bai aidenybai
aidenybai
/ fps-block.js
Created
December 11, 2024 12:27
"fun" way to annoy your coworkers AND get them to care about performance (block all user interaction if FPS < 50)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (() => { | |
| const fpsDiv = document.createElement('div'); | |
| fpsDiv.style.position = 'fixed'; | |
| fpsDiv.style.bottom = '0px'; | |
| fpsDiv.style.right = '0px'; | |
| fpsDiv.style.fontSize = '12px'; | |
| fpsDiv.style.backgroundColor = 'lightgreen'; | |
| fpsDiv.style.padding = '5px'; | |
| fpsDiv.style.zIndex = '9999'; | |
| fpsDiv.style.width = '50px'; |
aidenybai
/ gist:1a5b3abbe475eaeb72d10a1c34368b78
Created
February 29, 2024 13:16
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --- | |
| title: Million Lint is in public beta | |
| date: FEB 29, 2024 | |
| description: We’d love to have your feedback | |
| --- | |
| import { Steps, Callout, Tabs, Tab } from 'nextra-theme-docs'; | |
| import Image from 'next/image'; | |
| <div className="flex flex-col items-center gap-4"> |
aidenybai
/ gist:f02f08cc079832ed0db7eb876884806b
Created
February 29, 2024 13:16
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --- | |
| title: Million Lint is in public beta | |
| date: FEB 29, 2024 | |
| description: We’d love to have your feedback | |
| --- | |
| import { Steps, Callout, Tabs, Tab } from 'nextra-theme-docs'; | |
| import Image from 'next/image'; | |
| <div className="flex flex-col items-center gap-4"> |
aidenybai
/ gist:5a8ce4f4cc7f3332fcc77b73261d4132
Created
February 29, 2024 10:25
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ``` | |
| original `next.config.js`: | |
| ```js | |
| import withBundleAnalyzer from "@next/bundle-analyzer"; | |
| // @ts-check | |
| /** |
aidenybai
/ getting-state-type-prompt
Created
February 27, 2024 09:15
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| `src/store/redux/index.js`: | |
| ```js | |
| import { configureStore } from "@reduxjs/toolkit"; | |
| import { combineReducers } from "redux"; | |
| import userReducer from "./userReducer"; | |
| import noteMetadataReducer from "./noteMetadataReducer"; | |
| const store = configureStore({ | |
| reducer: combineReducers({ | |
| users: userReducer, |
aidenybai
/ gist:36935283fe60eb5b5bd8eba109a0f60e
Created
February 16, 2024 10:59
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "/Users/aidenybai/Projects/aidenybai/anya/notes-demo/src/components/FilterInput/index.jsx": { | |
| "components": { | |
| "FilterInput": { | |
| "componentName": "FilterInput", | |
| "loc": [ | |
| 3, | |
| 0, | |
| 14, | |
| 1 |
aidenybai
/ gist:a20c373c8dcd4c38607b639d8f53f9bb
Last active
February 8, 2024 13:35
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "/Users/aidenybai/Projects/aidenybai/anya/notes-demo/src/components/FilterInput/index.jsx": { | |
| "components": { | |
| "FilterInput": { | |
| "componentName": "FilterInput", | |
| "loc": [ | |
| 3, | |
| 0, | |
| 14, | |
| 1 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "/Users/aidenybai/Projects/aidenybai/anya/demo/src/components/FilterInput/index.jsx": { | |
| "source": "import { TextField } from \"@mui/material\";\n\nfunction FilterInput({ filter, onChange, noteCount }) {\n return (\n <TextField\n className=\"notes-list__input\"\n type=\"search\"\n size=\"small\"\n value={filter}\n onChange={(e) => onChange(e.target.value)}\n placeholder={`Filter ${noteCount} note${noteCount === 1 ? \"\" : \"s\"}`}\n />\n );\n}\nexport default FilterInput;\n", | |
| "_parentLookup": {}, | |
| "components": { | |
| "FilterInput": { | |
| "id": "FilterInput", | |
| "start": { | |
| "line": 3, | |
| "column": 0 |
aidenybai
/ reference sheet.md
Last active
January 11, 2024 23:55
NewerOlder