<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Megan Propps</title>
    <description>The latest articles on Forem by Megan Propps (@meganpropps).</description>
    <link>https://forem.com/meganpropps</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3490724%2Fe983ed68-e438-480b-afda-8a6de2681f80.jpeg</url>
      <title>Forem: Megan Propps</title>
      <link>https://forem.com/meganpropps</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/meganpropps"/>
    <language>en</language>
    <item>
      <title>Google's Antigravity</title>
      <dc:creator>Megan Propps</dc:creator>
      <pubDate>Mon, 08 Dec 2025 17:16:58 +0000</pubDate>
      <link>https://forem.com/meganpropps/googles-antigravity-9hd</link>
      <guid>https://forem.com/meganpropps/googles-antigravity-9hd</guid>
      <description>&lt;p&gt;Just finished playing around with &lt;strong&gt;Google’s new AntiGravity IDE&lt;/strong&gt; and honestly… &lt;strong&gt;the browser integration is insane&lt;/strong&gt;. Being able to inspect, interact, and build _right inside the IDE _feels like a feature that might actually change the game for me. 🚀&lt;/p&gt;

&lt;p&gt;BUT it’s definitely still early. I’m already hearing stories about the agent deleting entire system drives or editing files &lt;em&gt;after being told not to&lt;/em&gt; 😬 so… powerful, yes. Trustworthy? Um, give it a minute.&lt;/p&gt;

&lt;p&gt;Still, the concept is there, and it’s refreshing to see an IDE trying something genuinely new and actually useful. If they smooth out the chaos, AntiGravity could end up leading the game. &lt;em&gt;Google's done it again.&lt;/em&gt; 🔧✨&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>antigravity</category>
      <category>google</category>
    </item>
    <item>
      <title>Calm under Pressure</title>
      <dc:creator>Megan Propps</dc:creator>
      <pubDate>Mon, 08 Dec 2025 16:50:53 +0000</pubDate>
      <link>https://forem.com/meganpropps/calm-under-pressure-2m90</link>
      <guid>https://forem.com/meganpropps/calm-under-pressure-2m90</guid>
      <description>&lt;p&gt;😎 The calmest dev on the team usually wins. Chaos happens—how you respond is what gets you noticed.&lt;/p&gt;

&lt;p&gt;In software engineering, pressure is guaranteed - launches break, APIs fail, timelines shift. But, what hiring managers watch for isn’t perfection…it’s how you communicate when things get messy.&lt;/p&gt;

&lt;p&gt;Here’s what strong engineers do under stress:&lt;/p&gt;

&lt;p&gt;1️⃣ Clarify the problem before suggesting fixes&lt;br&gt;
Clarity reduces panic and saves hours of chasing the wrong issue.&lt;/p&gt;

&lt;p&gt;2️⃣ Share quick progress updates because silence creates confusion&lt;br&gt;
Transparency builds trust faster than perfect code.&lt;/p&gt;

&lt;p&gt;3️⃣ Debug out loud to show your thinking&lt;br&gt;
It builds trust, invites collaboration, and signals leadership.&lt;/p&gt;

&lt;p&gt;Calm, clear communication turns chaos into momentum and that’s the trait teams promote.&lt;/p&gt;

</description>
      <category>softskills</category>
      <category>professionalgrowth</category>
      <category>devlife</category>
      <category>saasteam</category>
    </item>
    <item>
      <title>Stop Using console.log() in 2025 – Do This Instead</title>
      <dc:creator>Megan Propps</dc:creator>
      <pubDate>Fri, 05 Dec 2025 23:00:03 +0000</pubDate>
      <link>https://forem.com/meganpropps/stop-using-consolelog-in-2025-do-this-instead-24g6</link>
      <guid>https://forem.com/meganpropps/stop-using-consolelog-in-2025-do-this-instead-24g6</guid>
      <description>&lt;p&gt;&lt;strong&gt;## Stop Using console.log() in 2025 – Do This Instead&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;In 2025, sprinkling &lt;code&gt;console.log()&lt;/code&gt; everywhere is like debugging with a rock.&lt;br&gt;&lt;br&gt;
There are dramatically better tools built right into modern browsers and editors. Here’s what top devs actually use instead.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;1. Use console.table() for arrays/objects&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;const users = [&lt;br&gt;
  { id: 1, name: "Sarah", role: "admin", active: true },&lt;br&gt;
  { id: 2, name: "Miguel", role: "editor", active: false },&lt;br&gt;
  { id: 3, name: "Yuki", role: "viewer", active: true },&lt;br&gt;
];&lt;/p&gt;

&lt;p&gt;console.table(users);&lt;br&gt;
// → instantly sortable, beautiful table in DevTools&lt;/p&gt;

&lt;p&gt;&lt;em&gt;⭐️ Pro tip: filter columns by typing in the table header.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;2. Structured logging with objects (collapsible &amp;amp; searchable)&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;console.log("User login attempt", { &lt;br&gt;
  userId, &lt;br&gt;
  ip, &lt;br&gt;
  userAgent, &lt;br&gt;
  timestamp: new Date().toISOString() &lt;br&gt;
});&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;em&gt;⭐️ Groups automatically in Chrome/Edge, and you can search across all logs.&lt;/em&gt;
&lt;/h2&gt;

&lt;p&gt;**&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Debugger statements + breakpoints (the real game-changer)
&lt;/h2&gt;

&lt;p&gt;**&lt;/p&gt;

&lt;p&gt;Just drop a debugger; line. When DevTools is open, execution pauses exactly there — with full scope, call stack, and watch expressions.&lt;/p&gt;

&lt;p&gt;function calculateTotal(items) {&lt;br&gt;
  debugger; // ← pauses here when DevTools open&lt;br&gt;
  return items.reduce((sum, item) =&amp;gt; sum + item.price * item.qty, 0);&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;&lt;em&gt;⭐️ Even better:&lt;/em&gt; conditional breakpoints and logpoints (Chrome/Edge):&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Right-click a line → “Logpoint” → type User ${user.name} clicked button&lt;/li&gt;
&lt;li&gt;It logs without pausing execution!&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;4. Use your editor’s built-in debugger (VS Code example)&lt;/strong&gt;
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Install the official JS Debugger extension&lt;/li&gt;
&lt;li&gt;Create a .vscode/launch.json&lt;/li&gt;
&lt;li&gt;Hit F5 and debug client or server code like a pro&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Example launch.json for a Next.js app:&lt;/p&gt;

&lt;p&gt;{&lt;br&gt;
  "version": "0.2.0",&lt;br&gt;
  "configurations": [&lt;br&gt;
    {&lt;br&gt;
      "name": "Debug Next.js",&lt;br&gt;
      "type": "chrome",&lt;br&gt;
      "request": "launch",&lt;br&gt;
      "url": "&lt;a href="http://localhost:3000" rel="noopener noreferrer"&gt;http://localhost:3000&lt;/a&gt;",&lt;br&gt;
      "webRoot": "${workspaceFolder}"&lt;br&gt;
    }&lt;br&gt;
  ]&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;**&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Bonus: Third-party tools the pros swear by (2025 edition)
&lt;/h2&gt;

&lt;p&gt;**&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Errovr – beautiful error tracking with session replay (free tier is generous)&lt;/li&gt;
&lt;li&gt;LogRocket – still king for Redux/React debugging&lt;/li&gt;
&lt;li&gt;Sentry Browser Tracing – performance + error in one dashboard&lt;/li&gt;
&lt;li&gt;debug npm package – persistent, namespaced logs you can toggle at runtime&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;import debug from 'debug';&lt;br&gt;
const log = debug('myapp:payment');&lt;/p&gt;

&lt;p&gt;log('Processing payment %o', paymentData);&lt;br&gt;
// Enable only in dev: localStorage.debug = 'myapp:*'&lt;/p&gt;

&lt;p&gt;Quick checklist – stop doing this in 2025 ❌&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Leaving 50+ console.log statements in production&lt;/li&gt;
&lt;li&gt;Using JSON.stringify(obj, null, 2) just to read it&lt;/li&gt;
&lt;li&gt;Commenting out logs instead of removing them&lt;/li&gt;
&lt;li&gt;Never using the “Sources” or “Performance” tab&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Start doing this instead ✅&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;console.table, logpoints, and structured objects&lt;/li&gt;
&lt;li&gt;Real debugger with watch expressions&lt;/li&gt;
&lt;li&gt;Proper logging library in production&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Your future self (and your teammates) will thank you.&lt;br&gt;
What’s your current debugging workflow in 2025? Drop it in the comments — I read every single one! 🚀&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>testing</category>
      <category>webdev</category>
      <category>productivity</category>
    </item>
    <item>
      <title>👋 Hello Dev Community — First Post!</title>
      <dc:creator>Megan Propps</dc:creator>
      <pubDate>Tue, 23 Sep 2025 23:02:05 +0000</pubDate>
      <link>https://forem.com/meganpropps/hello-dev-community-first-post-40hg</link>
      <guid>https://forem.com/meganpropps/hello-dev-community-first-post-40hg</guid>
      <description>&lt;p&gt;👩🏼‍💻 Hey everyone! I’m Megan — a full-stack creator who likes to break things (on purpose), fix them (eventually), and learn along the way.&lt;/p&gt;

&lt;p&gt;Right now I’m exploring:&lt;/p&gt;

&lt;p&gt;JavaScript + its sidekicks (React, Node.js, Next.js)&lt;/p&gt;

&lt;p&gt;Databases that don’t ghost me (Supabase, Firebase, Postgres)&lt;/p&gt;

&lt;p&gt;UI experiments with Tailwind + design tools&lt;/p&gt;

&lt;p&gt;Why I’m here:&lt;/p&gt;

&lt;p&gt;To share things I’m learning (the messy, the funny, and the useful)&lt;/p&gt;

&lt;p&gt;To connect with other devs who love building weird/cool/impactful stuff&lt;/p&gt;

&lt;p&gt;To keep myself accountable while navigating through projects 🚀&lt;/p&gt;

&lt;p&gt;If you’re into web dev, new tools, or just want to chat about building things that almost work on the first try, I’d love to connect. Drop a comment and say hi 👋&lt;/p&gt;

&lt;p&gt;— Megan&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>firebase</category>
      <category>nextjs</category>
    </item>
  </channel>
</rss>
