System Design

Hub for #design-pattern #fe-system-design #be-system-design

Design Patterns Frontend

Name	Brief	Updated	Tags
Aborting API calls	Cancel API requests		note, system-design, frontend, js, fetch
Closure			note, system-design, frontend
Code Splitting	Don't download code the user doesn't need right now		note, system-design, frontend
Cross-tab Synchronization	BrodcastChannel		note, system-design, frontend
Debounce	Delay APIs		note, system-design, frontend, fetch
Error handling	Tricks for handling FE errors		note, system-design, frontend
Event Delegation	Lift listeners to improve performance		note, system-design, frontend, js, html
Feature Flags	A/B testing		note, system-design, frontend
Fetch and Render Pattern	JS pattern for displaying after fetch		note, system-design, frontend, js, html
Fetch with retry	JS pattern for trying to fetch data again		note, system-design, frontend, js, html, fetch
Ignore outdated responses			note, system-design, frontend, js, fetch
Infinite Feed			note, system-design, frontend
Lazy Loading Images	use for image-heavy pages		note, system-design, frontend
Limit Concurrent API calls			note, system-design, frontend, js
Optimistic Updates	Use this so the user doesn't feel lag		note, system-design, frontend
Promisify	Convert callback to promise		note, system-design, frontend, js
Real-time data	SSE/Polling/WebSocket		note, system-design, frontend, backend
Throttle	Limit API calls		note, system-design, frontend, fetch
Virtualized lists	have hundreds of items in a scrollable element		note, frontend, system-design

Design Patterns React

Name	Brief	Updated	Tags
useClickOutside	To watch for external click		note, react, system-design
useEffectOnce	useEffect only once even in StrictMode		note, design-pattern, react, system-design
useFocus	programmatically focus on an element.		note, design-pattern, react, system-design
useIsMounted	Check if the current component is mounted		note, design-pattern, react, system-design

Design Patterns Backend

Name	Brief	Updated	Tags
Real-time data	SSE/Polling/WebSocket		note, system-design, frontend, backend

System Design

No results

Practice Frontend

No results

Practice Backend

No results