AstroNode
Welcome to GreenRoots Blog - Tapas Adhikary
The Definitive Guide to Date and Time in JavaScript
Introduction There are now nearly 9 million apps worldwide, and practically all of them run on an internal clock. Financial apps are built on timestamped data. Office apps run on calendars. Social apps are defined by their feeds, timelines and annive...
Dynamic routes recipes from Next.js App Router
Next.js App Router has brought many improvements over its predecessor, Page Router. One of the significant improvements is the routing itself. Next.js App Router uses the file-system-based router, where you create directories(aka folders) to define r...
The best way to pad a string in JavaScript
Padding a string means filling up a string with another character sequence or string. For example, you have written a function to the time formatted in hh:mm:ss format. function getTime() { const hour = new Date().getHours(); const min = new Dat...
Why use default parameters in JavaScript functions?
Function in programming is a block of code that performs a specified task. You define them once and can call them(using a name in most cases) wherever you want to perform that task. JavaScript is no different. In JavaScript, one of the popular ways t...
The best way to get the month name from a date in JavaScript
JavaScript Date object provides many helpful methods for dealing with date and time. The list is so vast that it is sometimes hard for developers to track which method provides what value. Also, it is a bit tricky to retrieve a few information straig...
Create an e-learning platform using caisy and next.js app router
Developers learn better when they build or create something out of their learnings. We need to put our learnings into practice and try problem-solving. When we attempt to learn multiple technologies together or try out a tech stack, it makes sense to...
Understanding Next.js Server Actions With Examples
Next.js is a React-based framework for building performant, optimized, and scalable full-stack applications. As React developers, we create components, manage state, and handle data communications between them. Then Next.js comes on top of it to prov...
PWA: Bridging the Gap Between Web and Mobile Development
Not even Tim Berners-Lee, the inventor of the world wide web, could have predicted the pace or breadth of its expansion over the last 30 years. Once, the web was only accessible via clunky desktop computers. Today it can be reached from laptops, tabl...
Explain React 18 useTransition Hook with Examples
React 18 has changed how developers design and write ReactJS code. Including the Concurrency model and many other new hooks help tackle niche use cases like responsiveness, performance, etc. In this article, we will discuss the hook I like most, the ...
Advanced JavaScript Console Logging for Developers
The flood of software innovation over the past 20 years would not have been possible without agile working. The concept of releasing fast, taking feedback, and building back better has birthed the iPhone, social networks and the Cloud. The world woul...
How to Create a Self-Clicking Button with ReactJS?
What is a Self-Clicking Button? HTML has a <button> tag to create a clickable button element. You can attach an event handler to it to define an action to perform when users click on the button. <button onclick="handleClick()">Click me</button> A se...
What do you need to know to become proficient in JavaScript?
JavaScript is everywhere! It's the web browser's language and helps you create web, mobile, and desktop applications. Today, JavaScript is not limited to the client side alone; it is equally popular as the base of server-side frameworks like Node.js ...
Top 10 Git Commands Every Developer Should Know
Software developers tend to work in packs. We pool our creativity (and our code) to build software and our strength in numbers helps reduce the risk of errors. The more people who check code and scan for bugs, the cleaner our final product will be. H...
Future-Proof Your Code: Top JavaScript Frameworks to Watch in 2023
The internet was written in JavaScript. This versatile programming language is supported by all major web browsers and has been used to create over 1.8 billion websites, which amounts to 98% of the world’s total (that figure will probably have jumped...
5 Twitter Threads to teach you about Technical Blogging
Technical writing or blogging is a developer's journey to share their knowledge and wisdom with many other developers seeking it. As a blogger, I struggled to find the right track and motivation to continue doing it. So, yet another article on bloggi...
Dev Retro 2022: What made me a better developer this year?
Prologue Writing about the Dev Retro 2022 will be a bit off track if I do not discuss the journey briefly before it, which shaped my career as a blogger. The year 2021 was about writing. Writing here on my blog, freeCodeCamp, CSS-Tricks, Dev, and man...
Do you take notes? The story of a Notetaker.
Do you take notes? Note-taking is a great habit we build in school and grow in college, but we drop it when we get into professional working life. Have you ever wondered why? Teachers push the note-taking habit on us in schools to help us memorize co...
How to create an EyeDropper tool using JavaScript?
JavaScript Web APIs are powerful. It provides tons of utility in the form of APIs and methods for web developers. Recently I learned about the EyeDropper API, which is experimental at this time(of writing this post) but already shows great potential ...
15 GitHub Repositories to Contribute for Hacktoberfest 2022
What is HACKTOBERFEST? Hacktoberfest is a yearly festival celebrating Open Source. It's done in October, and its primary goal is to encourage people worldwide to participate actively and contribute to Open Source Projects hosted across GitHub and Git...
What is Open Source and How to Get Started?
Originally Published on Bugfender Software engineering is an exciting field that offers various roles and responsibilities to individuals. Some prominent roles are developer, quality assurance engineer, project manager, product manager, DevOps, and ...