close

DEV Community

Harshal Ranjhani profile picture

Harshal Ranjhani

Full Stack Developer and Technical Writer!

Location Pune, India Joined Joined on  Personal website https://harshalranjhani.in github website

Education

Vellore Institute of Technology

Pronouns

he/him

Facehash: A Simple React Avatar Generator for User Profiles
harshalranjhani profile

Facehash: A Simple React Avatar Generator for User Profiles

#showdev #javascript #react #ui
Image Image Image 6
Comments 1
4 min read

Want to connect with Harshal Ranjhani?

Create an account to connect with Harshal Ranjhani. You can also sign in below to proceed if you already have an account.

Create Account
Already have an account? Sign in
Taillens: A Tailwind Extension for Real-Time CSS Editing
harshalranjhani profile

Taillens: A Tailwind Extension for Real-Time CSS Editing

#tailwindcss #css #extensions #webdev
Image Image Image 9
Comments
5 min read
moodlog: building a mood tracker with iot simulation
harshalranjhani profile

moodlog: building a mood tracker with iot simulation

#reactnative #iot #ai #programming
Image Image Image 5
Comments
5 min read
Lovable AI: Build Apps Without Coding - A Simple Guide
harshalranjhani profile

Lovable AI: Build Apps Without Coding - A Simple Guide

#lovable #ai #vibecoding #programming
Image Image Image 8
Comments 3
5 min read
Next.js vs Nest.js: Understanding the Difference
harshalranjhani profile

Next.js vs Nest.js: Understanding the Difference

#nextjs #nestjs #programming #javascript
Image Image Image 7
Comments
6 min read
Beyond If-Else: JavaScript's Ternary Operator Explained
harshalranjhani profile

Beyond If-Else: JavaScript's Ternary Operator Explained

#javascript #operators #ternary #beginners
Image Image Image 5
Comments
5 min read
NestJS: The Modern Node.js Framework
harshalranjhani profile

NestJS: The Modern Node.js Framework

#nestjs #node #javascript #typescript
Image Image Image 12
Comments 1
8 min read
Tamagui: Building Cross-Platform Apps Made Simple
harshalranjhani profile

Tamagui: Building Cross-Platform Apps Made Simple

#tamagui #ui #react #reactnative
Image Image Image 6
Comments
8 min read
Cursor AI: Future Software Engineer?
harshalranjhani profile

Cursor AI: Future Software Engineer?

#cursor #programming #ai #agents
Image Image Image 6
Comments
4 min read
Exploring Zed: The Lightning-Fast Code Editor Built in Rust
harshalranjhani profile

Exploring Zed: The Lightning-Fast Code Editor Built in Rust

#zed #code #programming #rust
Image Image Image 6
Comments
5 min read
QodoAI: Code with an agentic AI
harshalranjhani profile

QodoAI: Code with an agentic AI

#ai #agents #qodoai #coding
Image Image Image 6
Comments
5 min read
A developers guide to v0.dev
harshalranjhani profile

A developers guide to v0.dev

#frontend #vercel #ai #development
Image Image Image 8
Comments
3 min read
A Guide to Using Windsurf.ai
harshalranjhani profile

A Guide to Using Windsurf.ai

#ai #code #programming #windsurf
Image Image Image 6
Comments
7 min read
Riverpod Flutter: A Beginner's Guide
harshalranjhani profile

Riverpod Flutter: A Beginner's Guide

#flutter #riverpod #appdev #dart
Image Image Image 6
Comments 1
5 min read
FlutterFlow: Pros and Cons of using the framework
harshalranjhani profile

FlutterFlow: Pros and Cons of using the framework

#flutter #flutterflow #dart #appdevelopment
Image Image Image 8
Comments 1
5 min read
Typescript Omit vs Pick: When to use What
harshalranjhani profile

Typescript Omit vs Pick: When to use What

#typescript #omit #pick #webdev
Image Image Image 9
Comments 2
4 min read
How to Enable JavaScript on iPhone
harshalranjhani profile

How to Enable JavaScript on iPhone

#apple #ios #javascript #development
Image Image Image 5
Comments
2 min read
UploadThing: A Modern File Upload Solution for Next.js Applications
harshalranjhani profile

UploadThing: A Modern File Upload Solution for Next.js Applications

#upload #uploadthing #nextjs #javascript
Image Image Image 8
Comments
9 min read
ReferenceError: window is not defined - A Developer's Guide
harshalranjhani profile

ReferenceError: window is not defined - A Developer's Guide

#javascript #webdev #react #development
Image Image Image 9
Comments
3 min read
Build Your Developer Portfolio: Exciting Web Development Projects You Can Start Today
harshalranjhani profile

Build Your Developer Portfolio: Exciting Web Development Projects You Can Start Today

#webdev #javascript #beginners #programming
Image Image Image 15
Comments 4
7 min read
Cursor vs Copilot: A Comparison
harshalranjhani profile

Cursor vs Copilot: A Comparison

#cursor #githubcopilot #ai #code
Image Image Image 16
Comments 8
5 min read
DaisyUI: CSS Components for Tailwind
harshalranjhani profile

DaisyUI: CSS Components for Tailwind

#daisyui #css #web #frontend
Image Image Image 20
Comments 3
4 min read
How to Center a Div in CSS - Simple Methods That Work
harshalranjhani profile

How to Center a Div in CSS - Simple Methods That Work

#css #html #div #center
Image Image Image 5
Comments
5 min read
Best Design-to-Code AI Tools for Developers
harshalranjhani profile

Best Design-to-Code AI Tools for Developers

Image Image Image 7
Comments
5 min read
AVIF File Format: The Evolution in Web Image Compression
harshalranjhani profile

AVIF File Format: The Evolution in Web Image Compression

#image #web #avif #compression
Image Image Image 5
Comments
6 min read
Understanding useState in TypeScript React
harshalranjhani profile

Understanding useState in TypeScript React

#usestate #typescript #react #javascript
Image Image Image 8
Comments 1
3 min read
Why Developers Love the Shadcn Sidebar Component
harshalranjhani profile

Why Developers Love the Shadcn Sidebar Component

#shadcn #sidebar #ui #developer
Image Image Image 6
Comments
6 min read
Setting Up a Node.js, TypeScript, and Express Project
harshalranjhani profile

Setting Up a Node.js, TypeScript, and Express Project

#node #express #typescript #project
Image Image Image 9
Comments 2
5 min read
Fixing “Cannot Use Import Statement Outside a Module” Error
harshalranjhani profile

Fixing “Cannot Use Import Statement Outside a Module” Error

#javascript #errors #fix #module
Image Image Image 6
Comments
4 min read
Building a Twitter Clone with React Native and CodeParrot
harshalranjhani profile

Building a Twitter Clone with React Native and CodeParrot

#twitter #reactnative #codeparrot #ai
Image Image Image 14
Comments 1
5 min read
Figma to React with CodeParrot AI: Build Dashboard in minutes
harshalranjhani profile

Figma to React with CodeParrot AI: Build Dashboard in minutes

#figma #react #codeparrotai #ai
Image Image Image 10
Comments
5 min read
React useQuery : A Complete Guide
harshalranjhani profile

React useQuery : A Complete Guide

#react #hooks #usequery #webdev
Image Image Image 10
Comments
6 min read
Astro.js Getting started with a static site generator
harshalranjhani profile

Astro.js Getting started with a static site generator

#astro #javascript #webdev #staticsitegenerator
Image Image Image 10
Comments 1
9 min read
Best React UI Library: 5 Popular Choices
harshalranjhani profile

Best React UI Library: 5 Popular Choices

#react #library #ui #webdev
Image Image Image 11
Comments 1
10 min read
Next.js Middleware: Simple Guide to Control Requests
harshalranjhani profile

Next.js Middleware: Simple Guide to Control Requests

#nextjs #middleware #typescript #webdev
Image Image Image 21
Comments 1
7 min read
Top Online React Compiler Comparisons for Developers
harshalranjhani profile

Top Online React Compiler Comparisons for Developers

#react #online #compiler #webdev
Image Image Image 14
Comments 1
5 min read
Recharts: The Ultimate React Charting Library
harshalranjhani profile

Recharts: The Ultimate React Charting Library

#react #charts #webdev #javascript
Image Image Image 8
Comments
8 min read
Using Zod with TypeScript: A Guide for Frontend Developers
harshalranjhani profile

Using Zod with TypeScript: A Guide for Frontend Developers

#zod #typescript #frontend #webdev
Image Image Image 117
Comments 19
5 min read
Expo vs. React Native: Pros, Cons, and Key Differences
harshalranjhani profile

Expo vs. React Native: Pros, Cons, and Key Differences

#appdev #expo #reactnative #javascript
Image Image Image 13
Comments
5 min read
React 19: A Comprehensive Guide
harshalranjhani profile

React 19: A Comprehensive Guide

#react #react19 #webdev #javascript
Image Image Image 14
Comments 1
6 min read
NextJs Server Actions: Why and How
harshalranjhani profile

NextJs Server Actions: Why and How

#webdev #nextjs #server #actions
Image Image Image 7
Comments 1
6 min read
React SEO Guide: Mastering SEO Strategies
harshalranjhani profile

React SEO Guide: Mastering SEO Strategies

#react #seo #javascript #webdev
Image Image Image 12
Comments 3
5 min read
Tailwind Catalyst: Getting Started with Tailwind's React Toolkit
harshalranjhani profile

Tailwind Catalyst: Getting Started with Tailwind's React Toolkit

#tailwindcss #catalyst #react #toolkit
Image Image Image 7
Comments
4 min read
Best Tailwind Extensions for Productivity
harshalranjhani profile

Best Tailwind Extensions for Productivity

#webdev #tailwindcss #extensions #productivity
Image Image Image 8
Comments 1
5 min read
Mastering Tailwind CSS: A Guide to Padding, Margin, and Borders
harshalranjhani profile

Mastering Tailwind CSS: A Guide to Padding, Margin, and Borders

#tailwindcss #margin #padding #border
Image Image Image 9
Comments 1
5 min read
How to Easily Add Translations to Your React Apps with i18next
harshalranjhani profile

How to Easily Add Translations to Your React Apps with i18next

#react #translations #i18next #javascript
Image Image Image 15
Comments
6 min read
Introduction to Git Hooks
harshalranjhani profile

Introduction to Git Hooks

#git #githooks #beginners #shell
Image Image Image 14
Comments 1
5 min read
Using environment variables in React and Vite
harshalranjhani profile

Using environment variables in React and Vite

#webdev #react #vite #env
Image Image Image 16
Comments 3
3 min read
Learn Redux Toolkit for State Management in React
harshalranjhani profile

Learn Redux Toolkit for State Management in React

#react #redux #reduxtoolkit #javascript
Image Image Image 13
Comments 3
6 min read
Building a Masonry Layout in React with Infinite Scroll
harshalranjhani profile

Building a Masonry Layout in React with Infinite Scroll

#frontend #masonry #react #layouts
Image Image Image 10
Comments
4 min read
Create your portfolio with GitHub Pages
harshalranjhani profile

Create your portfolio with GitHub Pages

#portfolio #developer #githubpages #domain
Image Image Image 10
Comments 1
6 min read
CLI Tools every Developer should know
harshalranjhani profile

CLI Tools every Developer should know

#cli #tools #developer #productivity
Image Image Image 15
Comments 1
7 min read
Navigation in React Native
harshalranjhani profile

Navigation in React Native

#reactnative #navigation #reactnavigation #appdevelopment
Image Image Image 6
Comments
5 min read
The Arc browser: A Chrome replacement?
harshalranjhani profile

The Arc browser: A Chrome replacement?

#browser #arc #chrome #internet
Image Image Image 6
Comments 6
6 min read
Deploying React Apps to Github Pages with Github Actions
harshalranjhani profile

Deploying React Apps to Github Pages with Github Actions

#beginners #githubactions #githubpages #react
Image Image Image 12
Comments 1
4 min read
10 Best React Native Developer Tools in 2024
harshalranjhani profile

10 Best React Native Developer Tools in 2024

#appdev #reactnative #developer #tools
Image Image Image 13
Comments 2
4 min read
Setting Up Stripe Payments in React
harshalranjhani profile

Setting Up Stripe Payments in React

#react #stripe #payments #webdev
Image Image Image 33
Comments 3
4 min read
Top 10 Developer Communities You Should Explore
harshalranjhani profile

Top 10 Developer Communities You Should Explore

#beginners #community #developers #programming
Image Image Image 32
Comments
6 min read
Implementing Infinite scroll in React apps
harshalranjhani profile

Implementing Infinite scroll in React apps

#webdev #ui #infinitescroll #react
Image Image Image 21
Comments
4 min read
React Native’s Flexbox: A Visual Guide
harshalranjhani profile

React Native’s Flexbox: A Visual Guide

#reactnative #flexbox #uidesign #layouts
Image Image Image 9
Comments 1
4 min read
loading...