Automate API Logging with Node.js Package

universal-helper-functions is now live on npm! I am excited to share this new utility package for JavaScript and TypeScript developers. What you get: - 14 helper modules - 35 type-check utilities - 30 string casing/manipulation utilities - 0 runtime dependencies Built to be lightweight, practical, and easy to use across Node.js and browser projects. Would love your feedback if you try it. npm: https://lnkd.in/gnpxmHTx   GitHub: https://lnkd.in/gfQHWV8G #javascript #typescript #npm #nodejs #webdevelopment #opensource #developertools

While working on a full-stack project with Next.js, I sometimes needed to quickly check environment variables without modifying the code. Here’s a simple way to do it directly from the terminal (required 'dotenv' library): Check env value: node -e "require('dotenv').config(); console.log(process.env.DATABASE_URL)" It’s a small tip, but quite useful when you want to check env value. I’ll probably share a few more small things like this from my project along the way. #nextjs #nodejs #dotenv #webdevelopment #softwareengineering #buildinpublic #javascript #devtips #webdevUK

Today I learned about Lists & Keys in React. Lists allow us to render multiple items dynamically using methods like map(). For example: We can display a list of users, products, or tasks easily. Keys are used to uniquely identify each item in a list. This helps React efficiently update only the changed elements instead of re-rendering everything. Using unique keys improves performance and avoids bugs. Up Next: Forms in React 👀 React Series – Day 8 🚀 #ReactJS #LearningInPublic #WebDevelopment #FrontendDeveloper #JavaScript #100DaysOfCode

Day 75 / 365 👨💻 Continued learning React. 📘 Learned why React.createElement can be inconvenient ✨ Introduction to JSX ⚙️ Understood the role of Babel 🧩 How JSX works under the hood 🧠 Creating basic React components 🔢 Using JavaScript expressions inside JSX #365DaysOfCode #React #JavaScript #Frontend

🚀 Your Bundle Size Guide Just Got Better – Updated Techniques! 🚀 Dropped the definitive JavaScript bundle optimization guide on javascriptdoctor.blog – now with 2026's latest techniques that actually ship to production. "Optimizing Bundle Size in JavaScript Applications" Proven wins from real apps: ✅ Tree-shaking lodash → 97% smaller (68KB → 2KB) ✅ React.lazy() route splitting (450KB → 120KB initial) ✅ Brotli compression beats Gzip by 76% ✅ Native fetch() kills axios bloat ✅ Vite vs webpack vs esbuild benchmarks Lighthouse scores jumped from red → green. Users actually stay. Read the updated guide: https://lnkd.in/gGZhds8b Quick win: Run npx webpack-bundle-analyzer today. You'll find your lodash/moment culprit immediately. What's YOUR biggest bundle bloat source? Drop it below! 👇 #JavaScript #Performance #NextJS #ReactJS #WebDev

Explored Node.js Internals in today’s class ⚡ Process Start → Main Thread → Run Code → Register Callbacks → Start Event Loop. Event Loop handles: Timers → I/O → setImmediate → Close Callbacks. Thanks to Piyush Garg sir  for the great explanation 🙌 Chai Code #NodeJS #JavaScript #Backend

Many developers keep switching between React, Vue, Angular, and new tools… But without strong fundamentals, everything feels confusing. Focus on: • JavaScript core concepts • DOM & browser behavior • Logic & problem solving • CSS fundamentals Once your basics are strong, you can learn any framework easily. 💡 Don’t chase tools — master the foundation. What do you focus on more? 👇 Fundamentals or frameworks? #WebDevelopment #JavaScript #ProgrammingBasics #FrontendDeveloper #DeveloperTips #CodingJourney #LearnToCode #BuildInPublic

Controlled Components in React Today I learned about Controlled Components in React. A controlled component is a form element whose value is controlled by React state instead of the DOM. This means React manages the input values using state and updates them through event handlers. 📌 How It Works The input value is stored in state The input field uses that state as its value When the user types, an onChange event updates the state This way React fully controls the form data. Understanding controlled components helped me see how React manages form inputs efficiently. Continuing to build strong React fundamentals step by step 🚀 #ReactJS #FrontendDevelopment #WebDevelopment #LearningJourney #JavaScript

Confused about what to choose while creating react apps between JavaScript and Typescript? Here is a short summary for better understanding.

The Axios hack is why I tell everyone on my team to just use native JavaScript API's like fetch because the reason we used to use Axios is a none existent problem in modern JavaScript. When you are building out your JavaScript project you have to be selective and use packages based on if you can not do it yourself and how heavy is the open source library corporately backed. Something being convenient doesn't mean you should be using it is because convenient things are vectors people use to attack people. Please use fetch next time you build a Node or JavaScript project.