Reading and Parsing Large Files in JavaScript the Right Way
javascript
·
Large Files
·
Parsing
·
Reading
In the last article of this series, we learned about Generator Functions that can produce values that can be iterated over by a for…of loop. We used this featu…
Read more »
Angular 16 Unveiled: Discover the Top 7 Features
Angular 16, the latest major version of the popular web framework, was released on May 3, 2023. This version brought some exciting changes and enhancements f…
Read more »
Seamless, full-stack authentication in Next.js
App Router
·
Clerk
·
javascript
·
next.js
·
Node.js
·
open source code
TL;DR This tutorial will guide you through the process of adding authentication to your full-stack application using Clerk . Although we have no affiliation…
Read more »
Learn the Basics of Git to Manage Projects Efficiently {Beginner’s Guide}
Git
·
GitHub
·
Mercurial
·
Subversion
Git is a software that helps you keep track of the changes you make to your code over time. It stores these changes in a special database called a repository. …
Read more »
Social feed application in the flutter
Healthnest A new Flutter application made To make aware people of world bout the diseases and symptoms of the diseases. Questions & answer sessions …
Read more »
UseState Hook Demystified
What is useState? Why do I even need it? Why is my UI not updating when I use const ? Slow down, newbie😅. We were all here before, but in this article, I'…
Read more »
Easiest way to Create React tables (NEXTJS)
If you have ever tried to build a react table, you know how challenging it can be. You might want to use a component library like material UI, but the downside…
Read more »
React's Layout Component's Concept
React components can help you create consistent and logical layouts for your web app or website. They let you organize y…
Read more »
If We Only Had Five VS Code Extensions
What are the five essential VS Code extensions for web development? I have thought about this question and selected the five extensions that I think are most u…
Read more »
CSS code refactoring
To refactor means to restructure the source code of an application or piece of software in order to improve operation without affecting functionality. Progra…
Read more »
Improving Web Performance with Lazy Pattern
One of my all time favorite pattern for improving performance in modern web applications is relatively simple to explain: Just load what the user actually n…
Read more »
Top 5 Tailwind Component Libraries
Introduction Why might you want to use a tailwind based component library instead of a something like MUI, Chakra UI, and Mantine? If you are using tailw…
Read more »
React Native Display Default Source Image While Loading Main Image
Hi everyone, In this tutorial we will learn how to use defaultSource={} in Image component. This prop should show a placeholder image from local resource unti…
Read more »
Saga Pattern Made Easy
Trip planning with sagas but without the baggage So the last time your family went to the local park everyone was talking about the Saga Design Pattern, a…
Read more »
The difference between traditional functions and arrow functions in javascript
Arrow functions are a new way to write function expressions in Javascript. They use ES6 ( ECMAScript 6 ) and have a shorter and nicer syntax. But they are not …
Read more »
Quickly learn how new-to-you code works using sequence diagrams
Sequence diagrams are a type of interaction diagram that show how objects interact with each other in a sequence of events. They are useful for modeling the be…
Read more »
Building a bidding system with NextJS
TL;DR NextJS introduced its new server actions components in version 13.4 as an alpha feature. They enable server-side data mutations, reduced client-side Jav…
Read more »
How to Use AI to Create Your Own 'Super Macro' VS Code Extensions
ChatGPT is an advanced AI that makes it super easy to create custom Visual Studio Code extensions. You can use it to add any functionality you need to y…
Read more »
An E-Commerce project, developed by Nextjs and typescript
An E-commerce site template, implemented with Next.js and TypeScript . Styled with TailwindCSS . This is one of my portfolios, but I would be pleased if the…
Read more »
Styling Astro Apps with Tailwind CSS
Tailwind CSS is a utility-first CSS framework that makes UI development a breeze for developers. It lets developers styl…
Read more »
JSDoc 101
JSDoc has been my go-to tool for documenting JavaScript code for a while, and with the recent buzz around Svelte migration, I decided to share some tips and t…
Read more »
React Render Lifecycle and useEffect Hook
Let me tell you something you already know: React Class Components are history 💀 In this post, we'll explore how functional components handle the react …
Read more »
Future of CSS: Popover API
CSS
·
CSS function
·
javascript
·
Popover API
Are you ready for some CSS magic? In this post, we'll explore two amazing features that will make your web pages pop: the Popover API and Anchor positionin…
Read more »
Writing Integration Tests that Run Inside a Unit-testing Framework like Jest
What are Integration Tests and Why are they Important? Integration tests are a kind of software testing that check how well different parts of the codebase w…
Read more »
Featured post
Adding JWT Authentication to React
Discover how to set up JSON Web Token (JWT) authentication in a React application using a typical workflow, and find out how Clerk can simpl...
Free Online Marketing Curriculum Development that you can directly adapt and execute on your website.
Best Digital Marketing Course/SEO Optimization free to use and implement on your website easily.
Most useful collection for developers
The practice of supporting the growth of web pages in search engines to something in promote increased
Even if you don't have your own products to sell, there are 7 steps to follow to started selling online.
Inexpensive Link Building Curriculum Creation that you can readily modify and install on your website.
The technique of contribute towards the development web pages in search engines in order to rank
