DEV Community: Sreeharsh K

[Boost]

Sreeharsh K — Thu, 05 Mar 2026 03:27:27 +0000

Claude Code for Symfony and PHP: The Setup That Actually Works

Javier Eguiluz ・ Feb 27

#claude #ai #symfony #php

[Boost]

Sreeharsh K — Thu, 04 Dec 2025 12:14:49 +0000

Frontend Is dead (For those who didn’t evolve): The 2025 survival guide

Neilton Rocha ・ Dec 3

#career #react #javascript #webdev

[Boost]

Sreeharsh K — Fri, 28 Nov 2025 20:20:43 +0000

Data Tech Bridge

Nov 24 '25

The Art of Software Architecture: A Desi Developer's Guide to Building Systems That Actually Work

#architecture #softwareengineering #systemdesign

Comments 2

10 min read

Finally Understanding Serverless Concepts

Sreeharsh K — Mon, 15 Apr 2024 09:32:00 +0000

Like most of the people, even I am someone who transitioned quickly into Serverless, without knowing the difference of the traditional hosting and the serverless hosting.

Not sooner I realized how lucky I am to have this future technology adapted without any hassle and developed Websites and Web Applications in the trending technology.

Here I am writing this article that breaks down the pros and cons of the Serverless and Serverful concepts, that will help you make an informed decision which architecture suits your organization or project.

Why Serverless Computing is the future?

Unlike the traditional cloud-based or server-centric infrastructure, the serverless computing offers multiple advantages like scalability, more flexibility, and quicker time to release, all at a reduced cost.

It really means you can start hosting your websites and web applications with zero fees, through the providers like Vercel, Netlify, Heroku and even AWS provides you free tier serverless hosting.

You can simply forget, server management to develop and deploy functions or applications.

The key differences between serverless computing and traditional server hosting.

Along with these advantages, serverless comes with some disadvantages including:

The testing and debugging challenges
Security concerns regarding servers
Fixed Servers reduces the performance

It's always less painful to choose free tier services, since they offer quite freedom to stay put for all of your pet projects, that doesn't require any investments, also the scalability factor in the serverless architecture will help you to take your projects to next level.

Responsive Navbar with Hide on Scroll down and show on scroll up copy paste ready

Sreeharsh K — Mon, 01 May 2023 11:27:47 +0000

In this example, we first define a constant variable navbar and a let variable lastScrollPosition to keep track of the user's scroll position. We then add an event listener for the scroll event on the window object.

Inside the event listener, we get the current scroll position using the window.pageYOffset property. We then check if the user has scrolled down or up (as determined by comparing the current scroll position to the previous position stored in the lastScrollPosition variable). If the user has scrolled down, we add the .hide class to the navbar element to hide it. Otherwise, we remove the .hide class to show it. We then update the lastScrollPosition variable for the next event.

Code Reactjs Faster by Enabling Emmet for JavaScript and TypeScript in VS Code

Sreeharsh K — Wed, 03 Nov 2021 13:53:18 +0000

If you have watched various tutorials on YouTube about Reactjs and wondered how these guys code so quickly?

Well, if you are an intermediate coder like me or beginner you might not have the idea how does they do it. I have found a way how they are all using various plugins in their Code Editor or the IDE(integrated development environment). Some of these plugins include ES7 React/Redux/GraphQL/React-Native snippets, Auto Close Tag, Auto Complete Tag.

But, today I discovered something new for Reactjs developers, its called Emmet support.

The Emmets are actually inspired by the CSS Selectors, it allows you to type shortcuts that are then expanded into full pieces of code. Emmet abbreviation and snippet expansions are enabled by default in js, jsx, tsx, ts among other files.

How to Enable Emmet Support for JSX

You can enable it by adding the following code inside Settings.json of your Visual Studio Code Editor.

"emmet.includeLanguages":{
        "javascript": "javascriptreact",
        "typescript": "typescriptreact"
}

References

Brian Design