Advanced React Native

Advanced React Native techniques and optimization

react native, mobile, performance, native modules, animations

Angular

Angular components, directives, and services

angular, typescript, frontend, spa

Astro | CheatSheets Hub

Static site builder with islands architecture. Astro ships zero JavaScript by default for best performance

astro, static site, jamstack, performance

Dotnet Publish Optimizations

Use `dotnet publish -c Release -p:PublishTrimmed=true` to reduce bundle size.

dotnet, publish

Express Middleware

Organize Express middleware order, routers, and error handling

express, middleware, router, node

Express.js

Express.js routing and middleware

express, nodejs, backend, api, middleware

FastAPI | CheatSheets Hub

Modern Python API framework. High performance async API framework with automatic docs

fastapi, python, api, async

Flask App Factory Pattern

Build scalable Flask apps with factory functions and blueprints.

flask, app factory, config, extensions

Flask | CheatSheets Hub

Lightweight Python web framework. Ideal for microservices and quick prototypes

flask, python, microframework

Flutter State Management

Choose the right state approach for widget trees and async data.

flutter, state

Fresh Framework

Fresh framework for Deno - Islands architecture

fresh, deno, islands, preact, web framework

Ionic | CheatSheets Hub

Hybrid mobile framework. Ionic works with Angular, React, and Vue

ionic, mobile, hybrid, angular

Laravel | CheatSheets Hub

PHP web framework. Modern PHP framework for elegant applications

laravel, php, web framework

Lit Web Components

Lit framework for web components - decorators, lifecycle, and templates

lit, web components, decorators, templates, reactive

NestJS | CheatSheets Hub

Progressive Node.js framework. NestJS uses Angular-inspired architecture for Node.js

nestjs, nodejs, typescript, backend

Next.js

Next.js 14+ App Router and features

nextjs, react, ssr, app router, vercel

Next.js Edge Functions

Place logic closer to users with middleware, edge API routes, and cache control.

nextjs, edge functions, middleware

Next.js Image Optimization

Set `sizes`, use static imports, and optimize domains for `next/image`.

nextjs, image

Next.js Middleware Reference

Use Next.js middleware for auth, rewrites, and A/B tests

nextjs, middleware, edge, rewrites, routing

Next.js Optimization

Optimize Next.js builds

nextjs, optimization, bundle

Next.js Performance

Optimize rendering, caching, and data fetching for Next.js apps

nextjs, performance, ssr, caching, image optimization

Nuxt Bridge + Vite

Bridge allows Nuxt 2 projects to run on Nuxt 3/Vite workflows

nuxt, bridge, vite, ssr, modules

Nuxt.js | CheatSheets Hub

The intuitive Vue framework. Use useAsyncData with $fetch for server-side data

nuxt, vue, ssr, framework

Rails Deployment Checklist

Precompile assets, migrate DB, and update credentials.

rails, deployment

React

React hooks, components, and patterns

react, hooks, components, jsx, frontend

React Native

Build mobile apps with React

react native, mobile, ios, android

React Native Debugging

Use Flipper, logs, and remote JS debugging

react native, debugging, flipper, profiler

React Native Performance

Use Flipper, avoid re-renders, and optimize JS/native bridge

react native, performance, profiling

React Performance Checklist

Spot wasted renders, lazy load components, and memoize props.

react, performance, memo, suspense

React Query

Client caching, retries, and mutation flows for React apps

react query, tanstack, cache, mutations, queries

React Query Devtools

Use devtools to view cache, active queries, and invalidations.

react query, devtools

Regular Expressions (Regex) | CheatSheets Hub

Pattern matching with regex. Master text pattern matching

regex, regular expressions, pattern matching

Remix | CheatSheets Hub

Full-stack React framework. Remix runs on the server and client for optimal UX

remix, react, full-stack, web framework

SolidJS | CheatSheets Hub

Fast reactive JavaScript framework. SolidJS is faster than React due to no virtual DOM

solidjs, reactive, javascript, framework

Spring Boot | CheatSheets Hub

Java framework for enterprise applications. Use Spring Initializr to bootstrap new projects quickly

spring boot, java, spring framework, rest api

Svelte Performance Tips

Use `bind`, `$:` statements, and the compiler to keep bundles small.

svelte, performance, compiler

SvelteKit Load Functions

Decide between `+page.server.ts` and `+page.ts` depending on secrets.

sveltekit, load

SvelteKit Routing

Page vs endpoint files, layouts, and load functions in SvelteKit

sveltekit, routing, layout, endpoints, web frameworks

Testing Library | CheatSheets Hub

User-centric testing utilities. Testing Library encourages accessible applications

testing library, react testing, vue testing, dom testing

Vue 3 Reactivity

Understand refs, reactive objects, and watchEffect nuances.

vue3, reactivity, composition api

Vue Router Guards

Use `beforeEach` guards to check auth/metadata before navigation.

vue, router