Developer Think | Beyond the Usual Code

Creating a Modal Using Only a Checkbox and Tailwind CSS

Discover how to build a lightweight, accessible modal without JavaScript. Learn to leverage Tailwind CSS and a clever checkbox technique for a smooth user experience in web development.

#tailwind#Web Development#html#css

5 likes

2 comments

Understanding Hoisting in JavaScript A Simple Guide

Discover the in's and out's of hoisting in JavaScript, a crucial concept that can impact your code's behavior, and learn how to use it effectively with clear examples.

#hoisting#js#javascript

3 likes

0 comments

Using useFormStatus and useFormState a in Next.js 14 with Server Actions

#react#next js

3 likes

0 comments

Magical Resources for Frontend Developers

Discover indispensable resources for modern frontend development. Ideal for developers looking to enhance their creative toolkit and streamline their workflow.

#Web Development#tools#frontend development

3 likes

0 comments

The Safe Assignment Operator: A Simpler Way to Handle Errors in JavaScript

The Safe Assignment Operator (?=) in JavaScript simplifies assignments by only updating values when they are undefined or null, reducing runtime errors.

#js#safe-assignment operator#javascript

4 likes

0 comments

Level Up Your Forms: Crafting Animated Inputs with Pure Tailwind CSS

Discover how to create eye-catching, animated input fields using nothing but Tailwind CSS!

#tailwind#html#css

3 likes

0 comments

Optimistic UI Update Without Using useOptimistic Hook

Learn to implement an Optimistic UI update for a like button using server actions without the useOptimistic hook

#ui#next js#Web Development#Optimistic#frontend development

2 likes

0 comments

Fixing React/Next.js Build Error: "Document is not defined"

Document is not defined" error in your React or Next.js project? This guide explains why it happens during deployment but not locally, and offers five practical solutions.

#react#frontend development#next js

2 likes

0 comments

How to create a colorized spotlight effect on image?

Learn how to create a circular spotlight effect that reveals color in specific parts of an image while keeping the rest like grayscale, using only Tailwind CSS. This technique uses clever positioning and box-shadow to achieve a stunning visual effect without JavaScript or complex libraries.

#css trick#tailwind#html#css

1 likes

0 comments

Understanding Parallel and Intercepting Routes in Next.js

Unlock the power of Next.js advanced routing! Learn how to create Pinterest-style modal views and complex dashboard layouts using parallel and intercepting routes. Discover how major platforms implement seamless navigation patterns with just a few lines of code. Perfect for developers looking to level up their Next.js applications with professional-grade routing techniques.

#next js#Web Development#interceptingroutes#parallelroutes

2 likes

0 comments

How to Add Tailwind Css to React Native Project: A Complete Guide

Nativewind brings the convenience of Tailwind CSS to React Native development. With proper setup and understanding of its capabilities, you can significantly speed up your mobile app development process while maintaining a consistent styling approach.

#react#React native#tailwind#Nativewind

2 likes

0 comments

Fixing the ERESOLVE Dependency Error in Next.js 15 Vercel Deployments

Learn how to quickly resolve the frustrating ERESOLVE dependency error when deploying Next.js 15 applications to Vercel using a simple settings modification. This straightforward guide provides a practical solution for developers facing build failures due to package conflicts.

#next js#next-js error#vercel

1 likes

0 comments

Top 5 Note-Taking Platforms for Productivity and Creativity

Note-Taking Platforms for Productivity and Creativity

#notes#note-taking-platforms#notion#obsidian

1 likes

0 comments

How to Add Custom Fonts in React Native with Tailwind CSS

Custom fonts in React Native can elevate your app's design and user experience. In this blog post, we’ll walk you through adding custom fonts using Expo and then styling text using Tailwind CSS in your project.

#React native#google fonts#Nativewind#Add-fonts-in-react-native

1 likes

0 comments

Top 5 Free React Native Ui Component Libraries in 2025

Five awesome, free React Native component libraries that will boost your productivity and make your app stand out!

#react-native-components#react-native-libraries#React native#tailwind#Nativewind

1 likes

0 comments

Blogs

Creating a Modal Using Only a Checkbox and Tailwind CSS

Understanding Hoisting in JavaScript A Simple Guide

Using useFormStatus and useFormState a in Next.js 14 with Server Actions

Magical Resources for Frontend Developers

The Safe Assignment Operator: A Simpler Way to Handle Errors in JavaScript

Level Up Your Forms: Crafting Animated Inputs with Pure Tailwind CSS

Optimistic UI Update Without Using useOptimistic Hook

Fixing React/Next.js Build Error: "Document is not defined"

How to create a colorized spotlight effect on image?

Understanding Parallel and Intercepting Routes in Next.js

How to Add Tailwind Css to React Native Project: A Complete Guide

Fixing the ERESOLVE Dependency Error in Next.js 15 Vercel Deployments

Top 5 Note-Taking Platforms for Productivity and Creativity

How to Add Custom Fonts in React Native with Tailwind CSS

Top 5 Free React Native Ui Component Libraries in 2025