ToofanCoder.
Mobile and Web App development tutorials. Ready made components, gist and code
Discover three effective methods for handling form submissions in NextJS, including validation and state management. Learn how to use Formik, Yup, and React Hook Form to handle forms.
More Stories
Building Better React Apps with Custom Hooks: From Basics to Advanced Patterns
Learn how to leverage React Custom Hooks to write cleaner, more maintainable code. This comprehensive guide covers everything from basic hook patterns to advanced use cases, with practical examples and best practices for 2025.
A guide to async/await in JavaScript with examples
A practicle guide to asycn await JavaScript construct usage with different kinds of examples
Loading Images in NextJS: A Complete Guide to next/image
Learn how to properly load and optimize images in NextJS using the Image component. Covers configuration, common errors, and best practices across different NextJS versions.
Fidget spinner like animation using CSS and more in NextJS with examples
Learn how to create smooth, customizable fidget spinner loading animations in NextJS using simple CSS transforms. Perfect for adding engaging loading states to your React applications.
React Hooks Tutorial: Complete Guide to Custom Hooks with Examples 2024
Master React Hooks with our comprehensive guide. Learn useState, useEffect, and how to create custom React hooks with practical examples for real-world applications.
Responsive grid view in TailwindCSS using NextJS
Learn how to create a responsive grid view in TailwindCSS using NextJS. This tutorial covers basic grid setup, responsive design, and styling with TailwindCSS.
Common Errors in Next.js and How to Fix Them
We all encouter errors when working with NextJS. This blog posts discusses some of the most common ones.
Material UI v5 tabs list with action buttons using NextJS v15
This blog post demonstrates how to show buttons, icons next to the tab labels in MUI5 using NextJS 15
Masonry grid layout using react-stack-grid with NextJS
Show a grid view like UI using react-stack-grid for images in a masonry layout