Sunny

Sunny

@neweraofcoding.bsky.social

I make web applications that get more traffic from Google because they are SEO-friendly. For more info, check out my work here: https://code-for-next-generation.vercel.app/

37 followers134 following217 posts

Your Angular bundle is bigger than it needs to be. 📦 Here’s a 3-step cleanup you can do today: 1️⃣ Run npx depcheck to find packages you never use 2️⃣ Check any new library on bundlephobia.com before installing it 3️⃣ Run ng build --stats-json and set budgets in angular.json

so bundle bloat never sneaks back in Smaller bundle = faster load = happier users. 🚀 💬 Comment “CLEAN” if you want a follow-up on Angular bundle budgets. #angular #webdevelopment #javascript #typescript #frontend #npm #performance #angulardeveloper #coding #programming

Explore AI + Angular projects! ⭐ Star | 🍴 Fork | 💡 Contribute Join the community 👉 github.com/angulardevelopment #Angular #AngularDevelopment #WebDevelopment #Frontend #JavaScript #TypeScript #OpenSource #GitHubCommunity #AIProjects #LearnToCode #DevCommunity #CodeNewbie #Innovation #Collaboration

github.comAngular developmentAngular is a development platform, built on TypeScript. A suite of developer tools to help you develop, build, test, and update your code. - Angular development

1/5 Angular 22 is out, and it's all about removing everyday friction. 7 features worth knowing 🧵 2/5 Templates get closer to TypeScript. Spread, arrow functions, and instanceof now work in templates: <button (click)="count.update(v => v + 1)">+1</button> And @switch now supports stacked

@case fallthrough, so cases can share one block. Signals reach the router and resources. isActive() returns a signal, and Router.isActive() is deprecated Resource snapshots let you transform and compose resources like any other signal 4/5 Easier debugging and migration provideStabilityDebugging

() logs pending tasks and stack traces when the app won't stabilize • SignalFormControl lets you move to Signal Forms step by step inside Reactive Forms 5/5 @Service() is a simpler alternative to @Injectable for singleton services. It's root-provided by default and built around inject().

Static LLM leaderboards are useless for agents. A model ranked #1 in general chat will break your app if its tool-calling reliability drops or TTFT spikes during high-load hours. We added real-time benchmarking to our LLM Recommender: Live latency & throughput tracking

Real-time tool-calling error rates Up-to-the-minute token pricing Stop hardcoding model IDs. Route dynamically based on live data. #typescript #programming #nodejs #react #webdeveloper #reactjs #reactnative #softwaredeveloper #software #vuejs #php #jquery #mongodb #laravel #mysql #webdesigner

Garba beats on loop, vibrant colours, and an infectious energy in the air! Navratri is finally here. May these nine divine nights fill your home with positivity, peace, and endless joy. Time to dust off the dandiya sticks and embrace the festivities! Shubh Navratri to you and your loved ones!

Voice agents in demos: • Clean audio • Zero background noise • No interruptions • <500ms latency Voice agents in production: • 8kHz phone audio • Barking dogs & bad cell signals • Dynamic barge-in handling • Complex state & API timeouts The demo sounds magical.

Production requires ruthless systems engineering. Ready or still just demo-ware? What’s your take? #artificialintelligence #ai #machinelearning #aiart #digitalart #technology #art #aiartcommunity #midjourney #datascience #generativeart #innovation #tech #deeplearning #python

1/7 Most AI agents suffer from acute amnesia or vector rot. Stuffing 1M tokens into context is expensive, and vanilla RAG only retrieves semantic similarity—not chronology. If you want agents that handle long-horizon tasks, you need a Temporal Graph Memory Harness. Here’s how to architect one:

View full thread

6/7: Query Routing & Traversal Retrieval is hybrid: Vector Seed: Find initial entry-point entity nodes via cosine similarity on the prompt. Time-Constrained Traversal: Hop $k$-degrees outward along edges where valid_to >= target_epoch. Output deterministic, temporal subgraphs instead of unranked,

noisy chunks. 7/7: Summary Static RAG gives agents a library. Temporal Knowledge Graphs give them an autobiographical memory. If your autonomous agent can't answer "What did we decide two sprints ago and how does that affect today's deploy?", you don't have an agent; you have an ephemeral script.

1/7 Most AI agents suffer from acute amnesia or vector rot. Stuffing 1M tokens into context is expensive, and vanilla RAG only retrieves semantic similarity—not chronology. If you want agents that handle long-horizon tasks, you need a Temporal Graph Memory Harness. Here’s how to architect one:

View full thread

Entity/Fact Layer: Deduplicated entities resolved across sessions via dynamic fuzzy/vector linking. Community/Procedural Layer: Aggregated behavioral heuristics & patterns ("every time X fails, retry via Y"). 5/7: The Async "Dream Cycle" (Ingestion & Consolidation)

Never do graph synthesis synchronously in the agent's hot loop. Waking Phase (Fast): Append trace to episodic append-only log. Consolidation/Dream Phase (Async Worker): Small batch LLMs extract triplets, resolve entity drift, invalidate conflicting edges, and derive high-level preferences.

1/7 Most AI agents suffer from acute amnesia or vector rot. Stuffing 1M tokens into context is expensive, and vanilla RAG only retrieves semantic similarity—not chronology. If you want agents that handle long-horizon tasks, you need a Temporal Graph Memory Harness. Here’s how to architect one:

View full thread

Time is not metadata; it is a first-class dimension. 3/7: Bi-Temporal Edge Modeling Every graph relation $E = (S, P, O)$ must be stamped bi-temporally: Valid Time ($t_v$): When the fact was true in reality. Transaction Time ($t_x$): When the agent learned it.

Edges aren't deleted; they are closed (valid_to = now()). This gives the agent instant point-in-time time travel. 4/7: The Three-Tier Graph Topology A production harness needs 3 interconnected subgraphs: Episodic Layer: Raw immutable logs (turns, tool traces, environmental state).

1/7 Most AI agents suffer from acute amnesia or vector rot. Stuffing 1M tokens into context is expensive, and vanilla RAG only retrieves semantic similarity—not chronology. If you want agents that handle long-horizon tasks, you need a Temporal Graph Memory Harness. Here’s how to architect one:

2/7: The Core Problem: State Invalidation Static knowledge graphs store timeless facts (User works at Acme). Real-world state changes: In Jan: User works at Acme In March: User moves to StarkNet Vector search retrieves both. The agent gets contradictory context and hallucinates.

Why learn angular Zero guesswork: The CLI and schematics automate boilerplate and enforce a standard project architecture. All-in-one tooling: Routing, HTTP client, and form handling work seamlessly together without external library fatigue.

Continuous evolution: Consistent improvements across releases ensure large codebases remain clean, scalable, and maintainable. #developers #javascriptdeveloper #js #angulardeveloper #dotnet #backenddeveloper #hyderabad #mumbai #pune #online #aspdotnet #android #coremvc #csharp #chennai

Want to build an AI agent in JavaScript that actually browses the web for ground truth? 🌐🤖 Here’s the core architecture in 4 steps: 1️⃣ User Query ➔ LLM Router: Detects if external real-time data is needed. 2️⃣ Tool Call Execution: Triggers a web search API (Tavily/SerpAPI) or headless scraper.

3️⃣ Context Ingestion: Strips boilerplate HTML, extracts clean text, and chunks relevant snippets. 4️⃣ Synthesis Loop: Injects the search results back into the model's prompt for a cited, hallucination-free answer. No magic, just deterministic tool calling + clean context injection.

Node.js + standard tool-calling APIs make this surprisingly straightforward to wire up. #typescript #programming #nodejs #react #webdeveloper #reactjs #reactnative #softwaredeveloper #software #vuejs #php #jquery #mongodb #laravel #mysql #webdesigner #frontend #softwareengineering

Never ask an AI coding assistant to write your business logic and test suite at the same time. It will just test its own hallucinations. Write the strict Vitest/Jest assertions FIRST. Then instruct the model: "Make these tests pass." Instant verification loop 👇

Never give an autonomous AI agent unchecked permissions to run destructive tools (DB writes, refunds, email blasts). Split tools into Read-Only (auto-executed) vs. Mutating (suspended until human approval). Here is the HITL state pattern 👇 #AgenticAI #SystemDesign #SoftwareEngineering #AI

Re-uploading 100k+ tokens of documentation or codebase context on every LLM prompt burns budget and slows TTFT. With Gemini’s Context Caching, you cache massive context once in memory with a TTL. Subsequent queries cost ~75% less and respond instantly. #GeminiAI #GoogleCloud #GenAI #Backend #ai

Collecting Kotlin Flows directly with `collectAsState()` in Jetpack Compose keeps streams active in the background, draining resources. Always use `collectAsStateWithLifecycle()` to pause consumption when the app goes into the background. Code comparison 👇

Firestore Data Modeling Cheat Sheet for Developers! Don't let bad NoSQL schema design inflate your cloud bill. Here is how to choose between Arrays, Subcollections, and Root Collections: 🔹 Embedded Arrays ➔ Use for small, bounded data (<100 items) like roles or tags. Subcollections ➔

Use for 1-to-many child data scoped to a single user (e.g. notifications). 🔹 Root Collections ➔ Use for data needing global queries (e.g. admin order lists). see the schema code snippet! Save this cheat sheet for your next cloud project 📌 #firebase #googlecloud #nosql #database #systemdesign

Stop writing prompt hacks like "Respond ONLY in valid JSON, no markdown backticks" for Gemini. Set `responseMimeType: "application/json"` and pass a strict `responseSchema`. You get 100% deterministic, type-safe objects ready for JSON.parse(). Code card attached 👇 #GeminiAI #GoogleCloud

How to Structure an AI Agent Workflow (2026 Developer Blueprint) Moving from prompt engineering to agentic architecture? Here is the standard multi-agent pipeline you need to know. 📌 Key Stages: 1️⃣ Input Parsing 2️⃣ Tool & Function Calling 3️⃣ Database Execution (Firestore/Cloud)

4️⃣ Output Synthesis 💾 Save this diagram for your next system design interview or project setup! #softwareengineer #systemdesign #aiagent #cloudcomputing #firebase #developercommunity #techguides #learntocode

Stop writing boilerplate RxJS switchMap + catchError chains just to show a loading spinner in Angular. The `resource()` API handles async fetching, reactive params, status flags (.isLoading, .error), and reload triggers out of the box. Snippet attached 👇 #Angular #TypeScript #WebDev #Frontend

Do you know about Raw and transfer size in angular? Raw size is the actual file size of main.js on your disk before any network compression happens. It shows the true weight of the code you wrote or compiled. #typescript #programming #nodejs #react #webdeveloper #reactjs #softwaredeveloper

Estimated transfer size is the smaller size of main.js sent over the internet. Servers use tools like Gzip or Brotli to pack the file tight before sending it to a browser. #vuejs #jquery #mongodb #laravel #mysql #webdesigner #frontend #software

Join the Builders Club | Practical Dev Community We’re building a dev community focused 100% on real-world projects and shipping practical code—zero fluff, no theory, no endless tutorials. What we do: Build and ship real products together in short sprint cycles Level up practical skills

(clean code, PR reviews, system design in practice) 🤝 Help each other solve real architectural and debugging blockers If you want to build portfolio-ready projects with a motivated team, join in: 🔗 discord.gg/Nuc9YRngHz #javascript #html #css #programmer #developer #webdevelopment #coder #code

discord.ggJoin the coders server Discord Server!Check out the coders server community on Discord - hang out with 65 other members and enjoy free voice and text chat.

Ollama now supports DeepSeek Harness (dsh), DeepSeek's open-source agent harness. Ollama's local and cloud models work with it out of the box without extra configuration. Download Ollama, then run: ollama launch dsh If DeepSeek Harness isn't already installed, Ollama installs it and

View full thread

information, Ollama handles the search and returns results directly — no MCP servers or API keys required. #typescript #programming #nodejs #react #webdeveloper #reactjs #reactnative #softwaredeveloper #software #vuejs #php #jquery #mongodb #mysql #webdesigner #frontend #softwareengineering

Ollama now supports DeepSeek Harness (dsh), DeepSeek's open-source agent harness. Ollama's local and cloud models work with it out of the box without extra configuration. Download Ollama, then run: ollama launch dsh If DeepSeek Harness isn't already installed, Ollama installs it and

connects your models automatically. Open the Trajectory tab to see the session trace: turns, context, and tool calls laid out as a timeline. Follow the agent's work from the first prompt to the final answer. Ollama's web search is built into DeepSeek Harness. When the model needs current

Want to stop answering the same questions about your code? Ship a context checklist or skill with your next PR. Whether you're handing work to a teammate or an AI agent, use this exact structure to guarantee alignment: Why this exists Name the exact problem and the constraint that shaped the work.

Don't assume they know the backstory. 🧠 Main decision Explain what you chose and why. More importantly, state what you rejected and why it didn't make the cut. ✅ Checked List the proof: • The critical behavior • The failure or edge case • Exact steps for someone else to reproduce it

Good engineers write code. Great engineers write context. #nodejs #reactjs #php #webdeveloper #react #software #vuejs #softwaredeveloper #angularjs #laravel #frontend #coder #jquery #webdesign #mongodb #reactnative