Exposing React Component functions with fowardRef and useRef
forwardRef and useRef let you call a child component's methods from the parent. Here's a practical example using a custom input with validation.
How to Render an Array of Objects in React?
The map() method is the standard way to loop through an array of objects in React. Here's a step-by-step guide with key props, styling, and reusable components.
Routing in Next.js: Understanding Dynamic Routing
Dynamic routes in Next.js use bracket syntax like [id].js to create pages with variable URLs. Here's how to set them up with getServerSideProps and Link.
How to Add Custom Domain to GitHub Pages?
Step-by-step guide to pointing your custom domain to GitHub Pages, including DNS setup with A records and CNAME for GoDaddy, Namecheap, and HostGator.
Mastering the Art of Server-Side Rendering with Next.js
Server-side rendering sends fully rendered HTML to the browser, improving load speed and SEO. Here's how SSR works in Next.js with getInitialProps and pages.
Getting Started with Next.js: A Beginner's Guide
A beginner's walkthrough of Next.js covering what it is, why server-side rendering matters, and how to create your first app with create-next-app.
Mastering the Concept of Truthy and Falsy Values in JavaScript
In JavaScript, values like 0, empty strings, null, and undefined are falsy, while almost everything else is truthy. Here's how this affects your conditionals.
Strict vs Loose Equality in JavaScript: Understanding the Differences and When to Use
JavaScript has two equality operators: === checks both value and type, while == only checks value with type coercion. Here's when to use each one.
TypeScript vs JavaScript: What are the differences?
TypeScript adds static typing and compile-time checks on top of JavaScript. I break down the key differences and when each language makes more sense.
Junior Developer: Writing the Perfect Resume
Are you planning to start your career as a Junior Developer? Here is some advice from my experience on how to write a perfect Junior Developer CV, both in substance and in form.
How to Get User Current Location in Flutter
A guide to implementing geolocation in Flutter using the Geolocator package, including Android and iOS permission setup and fetching latitude/longitude.
Managing State with Stateful Widgets in Flutter
StatefulWidget is the simplest way to manage state in Flutter. This post covers how it works with setState, lifecycle methods, and practical examples.
Understanding Functions in Dart with Example
Dart functions are first-class objects with support for required, optional, named, and default parameters. Here's how they work with practical examples.
How to Connect Flutter App to WebSocket Server
WebSockets enable real-time bidirectional communication. Here's how to connect a Flutter app to a WebSocket server using the dart:io library.
How to Use Hot Reload and Hot Restart in Flutter
Flutter's hot reload preserves app state while reflecting code changes instantly. Here's how to trigger it in VS Code, Android Studio, and the terminal.
Top 6 Helpful Helpers in Laravel 7
Laravel's built-in helpers save you from writing repetitive code. Here are 6 useful ones including Arr::divide, blank(), Str::slug, and optional().
Ionic vs React Native: What's best for You?
Ionic runs in a WebView while React Native renders native components. I compare learning curve, performance, and developer experience to help you choose.
How to Delete Database in phpMyAdmin
Its not too hard to delete database in phpMyadmin or in localhost. Here is a easy to follow step by step guide to delete database with simple steps.
What is Laravel Collective and how to use it
Laravel Collective lets you build HTML forms with clean Blade syntax instead of raw HTML. Here's how to install it and create form elements in Laravel.