DEV Community: Aurnab Das

I Let GPT-5 Pair-Program With Me for a Week — Here’s Why I’m Never Going Back”

Aurnab Das — Tue, 12 Aug 2025 13:04:57 +0000

1. Code Generation & Scaffolding
Need to spin up a new API, React component, or CLI tool?

How to use: Give GPT-5 a detailed prompt, including tech stack, style preferences, and constraints.

Example:

plaintext
Copy
. Code Generation & Scaffolding
Need to spin up a new API, React component, or CLI tool?

How to use: Give GPT-5 a detailed prompt, including tech stack, style preferences, and constraints.

Example:

plaintext
Copy
Edit
Build a Node.js Express REST API with routes for /users and /posts.
Use TypeScript, MongoDB, and follow Clean Architecture principles.
GPT-5 will output not just code, but also folder structures, naming conventions, and setup instructions.

2. Debugging & Code Review
Paste your error logs or suspicious functions. GPT-5 can often pinpoint the bug and explain why it’s happening.

Pro tip: Tell it your intent, not just the error. It’s better at debugging when it knows your goal.

3. Refactoring & Optimization
Ask it to improve the readability, performance, or maintainability of code.

You can also request specific refactor patterns: “Refactor using Strategy pattern” or “Make it more functional and immutable.”

4. Documentation & Comments
Generate clean, human-readable docs from raw code.

Perfect for quickly creating README files, inline comments, or API documentation.

You can also ask GPT-5 to explain legacy code in plain English.

5. Learning New Tech Fast
Need to learn Go, Rust, or a new JS framework? GPT-5 can walk you through examples, explain concepts, and give mini-projects to practice.

6. Test Writing
Write unit tests, integration tests, and even mock setups.

Tell GPT-5 your testing framework (Jest, PyTest, etc.) and watch it generate relevant cases.

7. Automation & Scripting
Quickly generate Bash, PowerShell, or Python scripts for repetitive tasks.

Useful for DevOps workflows, migrations, or data processing.

💡 Extra Tip: The more context you give GPT-5 (code snippets, environment, goals), the more accurate and production-ready its help will be.

If you want to try GPT-5 and see how much faster it can make your coding life, go another blog

How TO Fast Your Web App

Aurnab Das — Tue, 12 Nov 2024 18:58:29 +0000

Client’s Call - “The app is slow!” 😰
Here’s what I learned from debugging, sharing it with you all:

1️⃣ Reduce Image Size

Large images = Slow app
Small images = Fast app
Tip: Use tinypng.com to compress images.

2️⃣ Minimize API Calls

10 APIs = Slow
1 API = Fast
Tip: Merge data wherever possible.

3️⃣ Use Local Storage

Repeated API calls = Slow
Local storage = Fast

4️⃣ Lazy Loading

Loading everything at once = Slow (eager loading)
Loading as needed = Fast (lazy loading)

5️⃣ Optimize Code

Large functions = Slow (development)
Small functions = Fast (faster development)
Result: The app became 40% faster! 🚀

If you have any fun tips like these, comment below 👇

Learn This Concept to be proficient in React Js.

Aurnab Das — Wed, 06 Nov 2024 16:21:32 +0000

Don't Confuse to learn ReactJs.

𝟏. 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭𝐬

Functional Components
Class Components
JSX (JavaScript XML) Syntax

𝟐. 𝐏𝐫𝐨𝐩𝐬 (𝐏𝐫𝐨𝐩𝐞𝐫𝐭𝐢𝐞𝐬)

Passing Props
Default Props
Prop Types

𝟑. 𝐒𝐭𝐚𝐭𝐞

useState Hook
Class Component State
Immutable State

𝟒. 𝐋𝐢𝐟𝐞𝐜𝐲𝐜𝐥𝐞 𝐌𝐞𝐭𝐡𝐨𝐝𝐬 (𝐂𝐥𝐚𝐬𝐬 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭𝐬)

componentDidMount
componentDidUpdate
componentWillUnmount

𝟓. 𝐇𝐨𝐨𝐤𝐬 (𝐅𝐮𝐧𝐜𝐭𝐢𝐨𝐧𝐚𝐥 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭𝐬)

useState
useEffect
useContext
useReducer
useCallback
useMemo
useRef
useImperativeHandle
useLayoutEffect

𝟔. 𝐄𝐯𝐞𝐧𝐭 𝐇𝐚𝐧𝐝𝐥𝐢𝐧𝐠

Handling Events in Functional Components
Handling Events in Class Components

𝟕. 𝐂𝐨𝐧𝐝𝐢𝐭𝐢𝐨𝐧𝐚𝐥 𝐑𝐞𝐧𝐝𝐞𝐫𝐢𝐧𝐠

if Statements
Ternary Operators
Logical && Operator

𝟖. 𝐋𝐢𝐬𝐭𝐬 𝐚𝐧𝐝 𝐊𝐞𝐲𝐬

Rendering Lists
Keys in React Lists

𝟗. 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭 𝐂𝐨𝐦𝐩𝐨𝐬𝐢𝐭𝐢𝐨𝐧

Reusing Components
Children Props
Composition vs Inheritance

𝟏𝟎. 𝐇𝐢𝐠𝐡𝐞𝐫-𝐎𝐫𝐝𝐞𝐫 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭𝐬 (𝐇𝐎𝐂)

Creating HOCs
Using HOCs for Reusability

𝟏𝟏. 𝐑𝐞𝐧𝐝𝐞𝐫 𝐏𝐫𝐨𝐩𝐬

Using Render Props Pattern

𝟏𝟐. 𝐑𝐞𝐚𝐜𝐭 𝐑𝐨𝐮𝐭𝐞𝐫

BrowserRouter
Route
Link
Switch
Route Parameters

𝟏𝟑. 𝐍𝐚𝐯𝐢𝐠𝐚𝐭𝐢𝐨𝐧

useHistory Hook
useLocation Hook

𝐒𝐭𝐚𝐭𝐞 𝐌𝐚𝐧𝐚𝐠𝐞𝐦𝐞𝐧𝐭
𝟏𝟒. 𝐂𝐨𝐧𝐭𝐞𝐱𝐭 𝐀𝐏𝐈

Creating Context
useContext Hook

𝟏𝟓. 𝐑𝐞𝐝𝐮𝐱

Actions
Reducers
Store
connect Function (React-Redux)

𝟏𝟔. 𝐅𝐨𝐫𝐦𝐬

Handling Form Data
Controlled Components
Uncontrolled Components 𝟏𝟕. 𝐒𝐢𝐝𝐞 𝐄𝐟𝐟𝐞𝐜𝐭𝐬
useEffect for Data Fetching
useEffect Cleanup

𝟏𝟖. 𝐀𝐉𝐀𝐗 𝐑𝐞𝐪𝐮𝐞𝐬𝐭𝐬

Fetch API
Axios Library

𝐄𝐫𝐫𝐨𝐫 𝐇𝐚𝐧𝐝𝐥𝐢𝐧𝐠
𝟏𝟗. 𝐄𝐫𝐫𝐨𝐫 𝐁𝐨𝐮𝐧𝐝𝐚𝐫𝐢𝐞𝐬

componentDidCatch (Class Components)
ErrorBoundary Component (Functional Components)

𝟐𝟎. 𝐓𝐞𝐬𝐭𝐢𝐧𝐠

Jest Testing Framework
React Testing Library

𝟐𝟏. 𝐎𝐩𝐭𝐢𝐦𝐢𝐳𝐚𝐭𝐢𝐨𝐧

Memoization
Profiling and Performance Monitoring

𝟐𝟐. 𝐁𝐮𝐢𝐥𝐝 𝐚𝐧𝐝 𝐃𝐞𝐩𝐥𝐨𝐲𝐦𝐞𝐧𝐭

Create React App (CRA)
Production Builds
Deployment Strategies

𝐅𝐫𝐚𝐦𝐞𝐰𝐨𝐫𝐤𝐬 𝐚𝐧𝐝 𝐋𝐢𝐛𝐫𝐚𝐫𝐢𝐞𝐬
𝟐𝟑. 𝐒𝐭𝐲𝐥𝐢𝐧𝐠 𝐋𝐢𝐛𝐫𝐚𝐫𝐢𝐞𝐬

Styled-components
CSS Modules 𝟐𝟒. 𝐒𝐭𝐚𝐭𝐞 𝐌𝐚𝐧𝐚𝐠𝐞𝐦𝐞𝐧𝐭 𝐋𝐢𝐛𝐫𝐚𝐫𝐢𝐞𝐬
Redux
MobX 𝟐𝟓. 𝐑𝐨𝐮𝐭𝐢𝐧𝐠 𝐋𝐢𝐛𝐫𝐚𝐫𝐢𝐞𝐬
React Router
Reach Router

Git Push Problem

Aurnab Das — Wed, 16 Oct 2024 14:28:25 +0000

How to Resolve Git Credential Manager and Push Rejection Errors
If you're working with Git and suddenly encounter errors while pushing to your repository, it can be frustrating, especially if everything was working just fine a few days ago. Recently, I faced an issue when trying to push my latest changes to GitHub. This blog outlines the error I encountered and how I resolved it. Hopefully, this helps you save some time if you encounter something similar!

The Problem
When I attempted to push my changes, I received the following error:
`git: 'credential-manager' is not a git command. See 'git --help'.

The most similar command is
credential-manager-core
To https://github.com/username/repository.git
! [rejected] main -> main (fetch first)
error: failed to push some refs to 'https://github.com/username/repository.git'
hint: Updates were rejected because the remote contains work that you do
hint: not have locally. This is usually caused by another repository pushing
hint: to the same ref. You may want to first integrate the remote changes
hint: (e.g., 'git pull ...') before pushing again.`

It was a two-fold issue:

A problem with Git Credential Manager.
A push rejection due to changes in the remote repository that I did not have locally.
Let's break down each issue and how to solve it.

Issue 1: Credential Manager Not Recognized
The first part of the error mentioned that credential-manager is not a valid Git command:
git: 'credential-manager' is not a git command.
This happens when Git tries to use a credential manager that is not installed or configured correctly. The most similar command suggested was credential-manager-core, which gave a hint that the credential system might be outdated or misconfigured.

Solution: Install Git Credential Manager Core

If you're using Git for Windows, Git Credential Manager Core often comes bundled with it. Ensure your Git version is up to date.
If not, you can manually install it from the official GitHub page.
After installing it, you should not see this error when pushing your code.

Issue 2: Push Rejection Due to Remote Changes
The second part of the error indicated that my push was rejected because the remote repository had changes that I didn’t have locally:
Updates were rejected because the remote contains work that you do not have locally.
Solution: Fetch and Pull the Latest Changes Here’s how to solve this issue step-by-step:

Fetch the latest changes from the remote repository:
git fetch origin main
Pull and merge those changes into your local branch:
git pull origin main
Push your changes:
git push origin main

Final Thoughts
This experience is a common one, especially if you work with teams or across multiple devices. It's important to remember that Git's push rejection is a safeguard to prevent you from accidentally overwriting important work done by others.

What are the most important skills for a successful web developer in 2024?

Aurnab Das — Thu, 29 Aug 2024 18:53:06 +0000

Mastering technical and non-technical skills is essential to be a successful web developer in 2024. Here are the most important skills to focus on:

Proficiency in Front-End and Back-End Technologies

Front-End: Mastering HTML, CSS, and JavaScript remains crucial. Popular frameworks like React, Vue.js, or Angular are still in high demand for creating interactive user interfaces.
Back-End: Understanding server-side languages like Node.js, Python, Ruby, or PHP, as well as database management with SQL or NoSQL systems is key for back-end development.

Full-Stack Development

Being a full-stack developer able to work on both front-end and back-end, which is increasingly valuable. This skill set helps developers handle entire projects more efficiently and collaborate with teams across different domains.

Responsive Design and Mobile-First Development

With mobile traffic dominating, it’s crucial to know how to build responsive websites that work well on all devices. Understanding mobile-first principles and CSS frameworks like Bootstrap or Tailwind CSS can help create responsive designs.

Version Control with Git

Git proficiency is non-negotiable. It’s the industry standard for version control, allowing developers to collaborate smoothly on code with teams, manage code versions, and track changes.

API Integration and Development

Knowing how to work with RESTful and GraphQL APIs is essential for modern web applications. Developers should be comfortable with both integrating third-party APIs and building their own.

Cloud Computing and DevOps Knowledge

Familiarity with cloud platforms like AWS, Google Cloud, or Azure is increasingly important. Skills in DevOps practices such as CI/CD pipelines and containerization with Docker and Kubernetes help streamline development and deployment.

Cybersecurity Awareness

As cyber threats increase, web developers need to focus on security. Understanding common vulnerabilities like XSS, CSRF, and SQL injection, along with implementing SSL certificates, authentication, and data encryption, are critical.

Web Performance Optimization

Speed is vital for user experience and SEO. Knowledge of performance optimization techniques, including lazy loading, caching, image compression, and code splitting, will help make websites fast and efficient.

Soft Skills: Problem-Solving and Communication

Developers must have strong problem-solving abilities to troubleshoot issues quickly. Communication skills are equally important to collaborate with teams, explain technical concepts to non-developers, and managing client expectations.

Continuous Learning and Adaptability

Technology evolves rapidly, so staying up-to-date with the latest frameworks, tools, and best practices is essential. Following industry trends and being adaptable to new technologies like AI-driven development tools will help maintain relevance.
Conclusion:

To be a successful web developer in 2024, it’s important to master a mix of technical expertise (front-end and back-end development, cloud, API integration, security) and soft skills (communication, problem-solving). Staying adaptable and open to learning new technologies will keep developers competitive in an evolving industry.

Tired of Messy Code?🥴

Aurnab Das — Sun, 23 Jun 2024 19:10:56 +0000

Want to Make Your Code Look Pretty and Well-Organized?

Try the 𝗣𝗿𝗲𝘁𝘁𝗶𝗲𝗿 extension in VS Code!💡

𝗪𝗵𝗮𝘁 𝗶𝘀 𝗣𝗿𝗲𝘁𝘁𝗶𝗲𝗿?
↳ Prettier is a tool that makes your code look neat and consistent.

↳ It works by checking your code and fixing its style according to set rules.

↳ Prettier supports many programming languages and works with most code editors, including Visual Studio Code (VS Code).

↳ By using Prettier, your code will always be clean, easy to read, and free of style issues.

𝗛𝗼𝘄 𝘁𝗼 𝗜𝗻𝘀𝘁𝗮𝗹𝗹 𝗣𝗿𝗲𝘁𝘁𝗶𝗲𝗿 𝗶𝗻 𝗩𝗦 𝗖𝗼𝗱𝗲:

1️⃣ Open 𝗩𝗦 𝗖𝗼𝗱𝗲.

2️⃣ Go to the 𝗘𝘅𝘁𝗲𝗻𝘀𝗶𝗼𝗻𝘀 𝘃𝗶𝗲𝘄 by clicking on the Extensions icon in the Activity Bar on the side of the window or by pressing 𝗖𝘁𝗿𝗹+𝗦𝗵𝗶𝗳𝘁+𝗫.

3️⃣ Search for "𝗣𝗿𝗲𝘁𝘁𝗶𝗲𝗿 - 𝗖𝗼𝗱𝗲 𝗳𝗼𝗿𝗺𝗮𝘁𝘁𝗲𝗿" in the search bar.

4️⃣ Select the first one which appears in the search results, Click on the 𝗶𝗻𝘀𝘁𝗮𝗹𝗹 𝗯𝘂𝘁𝘁𝗼𝗻.

5️⃣ Once installed, you can 𝗰𝗹𝗼𝘀𝗲 𝘁𝗵𝗲 𝗘𝘅𝘁𝗲𝗻𝘀𝗶𝗼𝗻𝘀 𝘃𝗶𝗲𝘄.

𝗛𝗼𝘄 𝘁𝗼 𝗘𝗻𝗮𝗯𝗹𝗲 𝗔𝘂𝘁𝗼 𝗦𝗮𝘃𝗲 𝗮𝗻𝗱 𝗔𝘂𝘁𝗼 𝗙𝗼𝗿𝗺𝗮𝘁 𝘄𝗶𝘁𝗵 𝗣𝗿𝗲𝘁𝘁𝗶𝗲𝗿:

1️⃣ Open the Command Palette by pressing 𝗖𝘁𝗿𝗹+𝗦𝗵𝗶𝗳𝘁+𝗣.

2️⃣ Type and select Preferences: 𝗢𝗽𝗲𝗻 𝗦𝗲𝘁𝘁𝗶𝗻𝗴𝘀 (𝗝𝗦𝗢𝗡).

3️⃣ Add the following settings to your 𝘀𝗲𝘁𝘁𝗶𝗻𝗴𝘀.𝗷𝘀𝗼𝗻 file:

{

"editor.formatOnSave": true,
"editor.defaultFormatter":
"esbenp.prettier-vscode"

}

4️⃣ Save the 𝘀𝗲𝘁𝘁𝗶𝗻𝗴𝘀.𝗷𝘀𝗼𝗻 file.

Now, every time you save your any file in VS Code, Prettier will automatically format your code according to its rules.✨

How to choose the best programming language

Aurnab Das — Mon, 10 Jun 2024 14:13:54 +0000

If you want to get started with coding, you should start with learning a programming language. Programming is a method of providing instructions to a computer. You can write code to build website and applications.

CodeChef is a platform to learn and practice programming. Millions of learner learn programming on CodeChef every year.

We have beginner friendly courses in 9 programming languages. These courses are created keeping in mind learners who know how to use a computer but have never learned anything about programming or computer science.

Even if you already know a programming languages, these courses will help your brush up and strengthen your fundamentals.

**How to choose a programming language?
For complete beginners
Two of the most beginner friendly programming languages are:

Python
JavaScript**

They are easy to start and are also widely used for building websites and mobile apps.

If you are unsure what to learn, or are just starting out in the world of programming, start with our highly rated Python course or JavaScript course.

**For college students
For college students, if you are thinking of learning the languages which are actually taught in the first year of college, you can pick

Java
C
C++**

Learning these programming languages can ensure that you are getting better at what is taught in your college and it also guarantees you highest marks in your exams.

Java is widely used in building enterprise applications and you will find a lot of companies looking for Java developers.

C and C++ are used to build high performant applications and video games. So if you would like to build games one day, C++ is the language to learn.

C++ is also used a lot in competitive programming, because of it high performance.

For freshers or early grads
There are some languages which are not as widely used by beginners, but they are great for freshers or someone who is learning for their job.

**These languages are

C-sharp
Kotlin
Rust
Go**

C-sharp (C#) is used for building Windows applications using the .Net framework. It is also one of the popular choice for building games using the Unity game engine.

Kotlin is a relatively newer language and is used for building modern Android applications. It works well with Java.

Rust and Go are modern languages for systems programming. Systems programming is about building tools on hardwares which can be used by other developers to build applications for their users.

We have now given you a complete overview of all the famous programming languages, don't just read this blog and think about learning programming someday. The courses are easy to start and you will start loving it once you see your code in action.

One important aspect of our courses is that they are practical in nature. From the first lesson itself, you will be building something using code. That will empower you to write your own apps one day. It is fun to build stuff as well.

Once you have learned a programming language, you can start practicing problems of that language to get a strong grip on all the basic concepts.

©codechef

Learn Django Easily in 2023

Aurnab Das — Thu, 19 Oct 2023 18:31:18 +0000

🚀 You can learn Django easily 😄

Here's all you need to get started 🙌

Models
- Defining Models
- Fields and Data Types
- Model Relationships
Views
- Function-Based Views (FBVs)
- Class-Based Views (CBVs)
- URL Routing
Templates
- Template Rendering
- Template Tags and Filters
Forms
- Creating Forms
- Validating Forms
- Form Handling
Django Admin
- Building an Admin Interface
Authentication and Authorization
- User Authentication
- Custom User Models
- Permissions and Groups
Django ORM
- Querying the Database
- Aggregation and Filtering
- Migrations
Middleware
- Custom Middleware
- Request and Response Processing
REST APIs with Django
- Building APIs with Django REST framework
Django Packages and Libraries
- Django Packages for Enhanced Functionality
Testing in Django
- Writing Tests
- Test Cases and Test Runners
Django Project Structure
- Project vs. App Organization
- Settings and Configurations
Deployment
- Deploying Django Applications
- Hosting and Server Setup
Best Practices
- Coding Conventions
- Security Considerations
Optimization
- Caching and Performance Tuning
- Profiling and Debugging
Version Control
- Git and GitHub for Django Projects
Django and Frontend Frameworks
- Integrating Django with React/Vue/Angular
Internationalization and Localization
- Building Multilingual Apps
Websockets with Django
- Real-time Features
Task Queues
- Using Celery for Background Tasks
Security
- Protecting Django Applications
Django REST Framework
- Building RESTful APIs
CI/CD with Django
- Continuous Integration and Deployment
Scalability
- Scaling Django Applications
Django Packages and Libraries
- Popular Packages and Libraries
Community and Resources
- Forums, Blogs, and Django Communities
Contributing to Open Source
- How to Contribute to Django
Best Practices and Code Quality
- Writing Clean and Maintainable Code
Upcoming Django Features
- Stay Updated with the Latest Django Updates

Best resources to learn Django quickly
. Documentation

Official Django Documentation: djangoproject.com

YouTube Channels
- Corey Schafer: https://shts.me/l6I6k
- JustDjango: https://shts.me/zCSiw
- Django for Beginners: https://shts.me/bA58
Books
- Django for Beginners: djangoforbeginners.com
- Two Scoops of Django: twoscoopspress.com
Documentation
- Official Django Documentation: djangoproject.com
YouTube Channels
- Corey Schafer: youtube.com/c/Coreyms
- JustDjango: youtube.com/c/JustDjango
- Django for Beginners: https://lnkd.in/dyFqpr4C
Books
- Django for Beginners: djangoforbeginners.com
- Two Scoops of Django: twoscoopspress.com

Feel free to add anything I missed. 🤝

How to learn Reactjs?

Aurnab Das — Sat, 23 Sep 2023 17:43:58 +0000

Complete guide to learn React JS
**What do we need to know in advance to learn React?*

Basic knowledge of HTML, CSS, and JavaScript.
Must have a good understanding of some ES6 features of Javascript. For example- a) Let and Const; b) Arrow Functions; c) Class and 'this' keyword etc. . You should learn React with a good understanding of the following topics in bold: (Variables; if/else conditions and switch statements; Difference between var, let & const; Functions; Arrays; Array methods like filter, map, reduce etc.; ES6 Concepts; Promises; Callbacks; Async/await; Classes and OOPs Concepts; Working with APIs
Must have a good understanding of Nodejs basics.
Must know the proper use of code editor. Some important topics we need to understand well to learn ReactJS-
Component architecture: One of the good things about React is that it is component-based, allowing developers to break complex code into smaller parts, i.e. components, and help developers organize their code better.
State: State actually holds synchronous variables, suppose you change a State, then all the places where those specific variables are there will be changed.
Pops: This is exactly as the argument is passed to the function.
JSX: JSX, or JavaScript Expressions, is a syntax extension to JavaScript written for use with React. JSX is a technology that allows you to describe how a user interface will appear on a website. Also, have a clear concept about several other things- (5. Styling(CSS) in React; 6. Learn how to connect to APIs with React apps; 7. Functional Components, Class Components; 8. Lifecycle Methods; 9. Handling events; 10. Form; 12. Conditional Rendering; 13 Context 14. Hooks; 15. Higher Order Components; 16. Code Splitting **How long does it take to learn React?
It may take you one to six months to learn React. How much time it takes will depend on your experience in web development and your dedication. *Is learning React difficult? -If you have basic knowledge of HTML, CSS, and JavaScript, learning React is not difficult at all given regular time. The more connected you are with web development, the easier it will be for you to learn React. And learning one framework well makes learning other frameworks easier. * Where to learn React? The number one way to learn React is to read the React Documentation. w3school, frecodecamp also has a lot of free content on YouTube - you can learn from there if you want. There are also several paid courses - udemy in English, codecademy teach React very well. Apart from this, React is taught from the very beginning in Programming Hero's web development course in Bengal where some full projects are also shown on React. 40.41% of websites worldwide are now being developed with React with a growing rate of 22%, so those who want to learn React should start soon without delay. Resources are now sufficient - you just have to make decisions and jump in. Best wishes to all.