coding

GIT : Cheat Sheet

GIT : Cheat Sheet

First Steps : Start and Configure A Git Command Description git init Creates a new Git repository in the current folder. git config --global -l Sets or views Git settings, like username and email ,... git config $option "text" Sets a Git configuration option to a specified value. Day-to-Day Work : Command Description git status Displays the current status of the working directory and staging area. git add $File_Name Stages a file for the next commit. git commit -m "Message" Records changes to the repository with a descriptive message. git diff Displays differences between changes and the last commit. git…
Read More
AWS Security Automation with Lambda

AWS Security Automation with Lambda

As organizations increasingly migrate to the cloud, the need for effective security measures becomes paramount. With the rise of cyber threats and the complexity of managing cloud environments, security automation has emerged as a critical strategy. AWS Lambda, a serverless compute service, offers a powerful solution for automating security tasks and enhancing the security posture of applications deployed on Amazon Web Services (AWS). This article explores how AWS Lambda can be leveraged for security automation, its benefits, use cases, and best practices and also an intriguing real-world scenario from Our Anonymous AWS Security Specialist on “The Rise of the Automated…
Read More
I made a Component Library !

I made a Component Library !

After years of wondering, what to do in my life, I finally have reached to a notable conclusion, that I want to build a React component library, but how?The journey begins today itself with understanding what makes a component library invaluable to developers: it’s not just about functionality, but also about consistency, reusability, and elegance in design. Step 0: What make me different? There are many component libraries out there—Shadcn/UI, Material UI, Tailwind CSS—each bringing something valuable to the table. But what problem am I solving with my library? The answer lies in flexibility and instant feedback. Imagine the best…
Read More
Streamlining Your Rails 8 App: Migrating from Postgres to SQLite

Streamlining Your Rails 8 App: Migrating from Postgres to SQLite

Originally published on my blog: Streamlining Your Rails 8 App: Migrating from Postgres to SQLite With Rails 8's shift to SQLite as the new default database, developers now have the opportunity to simplify their application stack while retaining power and flexibility. Whether you are running a small personal project or scaling up, SQLite's improvements make it a great option for production use. After all SQLite, which was initially released in 2004, has come a long way and is now a powerful, reliable, and performant database engine – perfect for many applications. With the Rails 8 release, SQLite has become the…
Read More
Performance Optimization using React profiler, Memo, useMemo and useCallback

Performance Optimization using React profiler, Memo, useMemo and useCallback

Code Performance optimization is a set of strategies and techniques developers utilize to enhance the speed and efficiency of their software applications. There are various techniques software developers use to enhance performance optimization, and we will be discussing a few of them below.Every time a component’s state or props change, React triggers a re-render to update the user interface. However, unnecessary re-renders can hurt performance, especially if the component tree is large.Example; If ParentComponent passes a prop to ChildComponent, every time the parent re-renders, the child also re-renders, even if the child’s data hasn’t changed. <Profiler />The <Profiler /> component…
Read More
Dockerizing a Next.js Application using a Standalone Build

Dockerizing a Next.js Application using a Standalone Build

Introduction Docker has gained popularity in recent years for enabling applications to be placed inside containers. These containers can be deployed to any environment and will work the same way in all of them, providing a uniform behavior regardless of the platform where the application runs. These containers use images, which are a copy or compressed snapshot of the application. By placing them within a container, they are displayed exactly as they are. This is one of those technologies that some were desperate for, while others don't realize they need it until they hear about it. For its part, Next.js…
Read More
Different Between Graphic Design and UI/UX Design

Different Between Graphic Design and UI/UX Design

Graphic and UI/UX design are often confused due to their shared emphasis on aesthetics and visuals. However, they serve a purpose and require unique skill sets. In this article, we will explore the differences between design and UI/UX design providing a comprehensive overview of each discipline. Additionally, we will include a comparison table and a conclusion to help you gain an understanding of these two domains. What is Graphic Design Graphic design is the practice of using visual elements to communicate messages to a specific audience. This field encompasses both print and digital media including mediums such as posters, magazine…
Read More
Ann’s Ray Tracer Project

Ann’s Ray Tracer Project

I decided to make a really simple code that portrays the ray tracer challenge, which requires some knowledge in vectors, especially matrices. Because the only language I am really proficient in is CSS, I decided to use CSS as my language for this project. At the start, I was quite hesitant about this project because it was my first time including graphics and a canvas for my final product of a code. However, I really wanted to challenge myself on using my coding skills to try something new and the ray tracing challenge was a great fit. For the first…
Read More
Java Learning Journey 1.0

Java Learning Journey 1.0

I recently learned Java through the practices in [https://exercism.org/tracks/java/exercises]. My current progress is 13 out of a total of 148 practices. I would like to share what I learned. This post introduce my understanding about .split(), .trim(), .isDigit(), .isLetter(), Comparable<T>, User-defined Java Exceptions, and Interface. 1) .split() Definition: The .split() method divides String into an array based on the separator [1]. Syntax: public String[] split(String regex, int limit) Enter fullscreen mode Exit fullscreen mode Parameter: regex: (required field) pattern of separator limit: (optional field) maximum length of the returned array Example: public class Main{ public void getProductPrice(String products){ double totalPrice…
Read More
NPM peerDependencies in Depth: A Comprehensive Introduction

NPM peerDependencies in Depth: A Comprehensive Introduction

As Javascript developers, we all know two different dependencies in our projects, dependencies and devDependencies, but what about peerDependencies? In this series, we will examine this less common dependency in Javascript. We will study what they are, what I need to know about as a library user, and what best practices are for library authors. What are dependencies in NPM Let's recap the different common types: dependencies: these are the tools used in your application; a good example is react, angular, and express. When your application is in production, the code of the libraries on dependencies will run under the…
Read More
No widgets found. Go to Widget page and add the widget in Offcanvas Sidebar Widget Area.