Marketplace
Browse and adopt engineering standards, rules, and configurations. Fork to customize for your organization.
Use standalone components
angular
Standalone components are the default (Angular 17+). NgModules are legacy. Use Signals for reactive state. Deferrable views for lazy loading.
Use Phoenix LiveView for interactivity
elixir
LiveView for server-rendered reactive UIs. No JavaScript needed for most interactions. Use hooks for JS interop. Streams for large lists.
Use Hotwire for interactivity
rails
Use Turbo (Drive/Frames/Streams) + Stimulus before React/Vue. JS frameworks only for complex client state.
Use functional components with hooks
react
Functional components + hooks only. No class components. Hooks enable reuse without HOCs.
Use React 19 features
react
Server Components for data fetching. Actions for mutations. use() hook for promises. Optimistic updates. React Compiler for auto-memoization.
Use React Query for server state
react
TanStack Query for server state. Auto caching/revalidation. useQuery for reads, useMutation for writes.
Use React Query or SWR for data fetching
react
TanStack Query or SWR for fetching. Auto caching, revalidation, loading/error states. Not useEffect+fetch.
Use Svelte reactivity
svelte
$: for reactive statements. Stores for shared state. Runes ($state, $derived) in Svelte 5. Two-way binding with bind:.
Use Zod for TypeScript validation
typescript
Zod schemas for runtime validation. Infer types from schemas. Composable. Works with React Hook Form.
Use Vue 3 Composition API
vue
Composition API over Options API. `<script setup>` for SFCs. Composables for reusable logic. ref/reactive for state.
Avoid prop drilling with Context or state management
react
Context for static data, Zustand/Jotai for simple state, Redux Toolkit for complex. No deep prop drilling.
Use Zustand for React state
react
Zustand for simple global state. No boilerplate. Hooks-based. Persist middleware for storage.