Engineering
Engineering notes from RuleCMS
Each post captures lessons from a public RuleCMS learning repository — packaged for quick scanning, with links back to runnable demos and source.
Engineering
How We Cover Every Composer Component Without a Single getBoundingClientRect
Your overlay is the wrong size because it is inventing the size. The base owns width and height; the top layer only stretches.
Read more →EngineeringYou Don't Use shadcn Instead of Tailwind
New projects often start with npx shadcn add and a foggy sense that Tailwind got replaced. It did not. Here is what you actually copied, what Radix is doing, and how to read any UI file in a shadcn codebase.
Read more →EngineeringGoogle OAuth on Amplify Gen 2: One Account Per Email, a Custom Domain, and the Gotchas We Hit
Turning on Google for Cognito looks like a checkbox until you care about one Cognito sub per email and a consent screen that does not say amazoncognito.com. Here is the account-linking retry, the circular-dependency fix, the secret newline that broke Identity Pools, the Hub race, and the two-phase custom-domain cutover that kept production up.
Read more →EngineeringSupabase Auth for Flutter: Deep Links, Google Sign-In, and Staying In-App
In-app browser OAuth is not a reliable iOS Google MVP. Prefer native Google Sign-In with a matching nonce, allow-list deep links for email flows, and register Play App Signing SHA-1 before launch.
Read more →EngineeringBuild Your First AI-Backed UI (Without Overcomplicating It)
A bare-bones CSS generator that shows the pattern: a normal form in front, a constrained system prompt and API route behind — enough to ship your first AI feature.
Read more →EngineeringContent Security Policy Nonces in Next.js
Generate a per-request nonce, wire it through CSP headers and React context, and see which inline scripts pass — and which fail — under a strict policy.
Read more →EngineeringA Reusable Gallery of CSS Effects Worth Keeping
An Angular showcase of copy-ready CSS patterns — text, cards, buttons, loaders, scroll, SVG, and more — organized so you can borrow styles instead of reinventing them.
Read more →EngineeringA Guide to Responsive Display of Dynamic Images
How to avoid distorted, truncated, overflowing, and pixelated images when aspect ratios and resolutions change — especially with dynamic CMS media.
Read more →EngineeringJavaScript Design Patterns That Scale
Twelve essential creational, structural, and behavioral patterns — when to reach for each, and how they show up in real product code.
Read more →EngineeringStop Syncing Derived State With useEffect
Why calculating derived values during render beats useEffect synchronization — fewer renders, clearer data flow, fewer bugs.
Read more →EngineeringSOLID Principles Applied in Angular
Single responsibility through dependency inversion — concrete Angular examples of designs that stay changeable as features grow.
Read more →EngineeringWhen WebAssembly Beats JavaScript — And When It Does Not
Side-by-side timings for Fibonacci, primes, and sorting — practical guidance on where WASM earns its keep in the browser.
Read more →EngineeringLazy Rendering With CSS content-visibility
Skip layout and paint for off-screen DOM with content-visibility and contain-intrinsic-size — a browser-native performance win.
Read more →EngineeringJavaScript Interview Foundations That Matter in Production
Closures, the event loop, prototypes, and async patterns — interviewed concepts reframed as daily engineering judgment.
Read more →EngineeringPractical JavaScript Tips With Working Examples
A field guide of high-leverage language features — closures, destructuring, async/await, and more — each with a minimal code sample.
Read more →