DEV Community: Md Shah Jalal

মিলিয়ন ইউজারের রিকোয়েস্ট হ্যান্ডেল করার জন্য স্কেলেবল সিস্টেম তৈরি: একটি বিস্তারিত গাইড

Md Shah Jalal — Fri, 04 Jul 2025 03:54:33 +0000

আপনি যদি এমন একটি সিস্টেম তৈরি করতে চান যা মিলিয়ন ইউজারের রিকোয়েস্ট দক্ষতার সাথে হ্যান্ডেল করতে পারে এবং সার্ভার স্লো হওয়ার সমস্যা এড়াতে চান, তবে আপনাকে স্কেলেবল এবং উচ্চ-পারফরম্যান্স সিস্টেম ডিজাইনের মূল বিষয়গুলো বুঝতে হবে। এই ব্লগে আমরা আলোচনা করবো কীভাবে এমন একটি সিস্টেম তৈরি করবেন, কোন কোন প্রযুক্তি এবং টার্ম শিখতে হবে, এবং কীভাবে লোড টেস্টিং করে নিশ্চিত করবেন যে আপনার সিস্টেম মিলিয়ন ইউজারের লোড সামলাতে সক্ষম।

১. স্কেলেবল সিস্টেম ডিজাইনের মূল নীতি

মিলিয়ন ইউজারের রিকোয়েস্ট হ্যান্ডেল করার জন্য সিস্টেম ডিজাইন করতে হলে কিছু মূল নীতি মাথায় রাখতে হবে:

১.১ স্কেলেবিলিটি (Scalability)
স্কেলেবিলিটি হলো আপনার সিস্টেমের ক্ষমতা যা ব্যবহারকারীর সংখ্যা বা রিকোয়েস্ট বাড়লেও দক্ষতার সাথে কাজ করতে পারে। এটি দুই ধরনের হতে পারে:

ভার্টিকাল স্কেলিং (Vertical Scaling): সার্ভারের হার্ডওয়্যার উন্নত করা, যেমন বেশি RAM, CPU, বা স্টোরেজ যোগ করা।
হরিজন্টাল স্কেলিং (Horizontal Scaling): একাধিক সার্ভার বা নোড যোগ করে লোড বিতরণ করা। মিলিয়ন ইউজারের জন্য হরিজন্টাল স্কেলিং বেশি কার্যকর।

১.২ লোড ব্যালেন্সিং (Load Balancing)
লোড ব্যালেন্সার ব্যবহার করে ইউজারের রিকোয়েস্টগুলো বিভিন্ন সার্ভারে বিতরণ করা হয়। এটি নিশ্চিত করে যে কোনো একটি সার্ভার অতিরিক্ত লোডের কারণে স্লো হয়ে যাবে না। জনপ্রিয় লোড ব্যালেন্সার টুল:

NGINX
HAProxy
AWS Elastic Load Balancer (ELB)

১.৩ ক্যাশিং (Caching)
ক্যাশিং ব্যবহার করে ডাটাবেসের উপর চাপ কমিয়ে দ্রুত রেসপন্স প্রদান করা যায়। ডাটা যেগুলো ঘন ঘন ব্যবহৃত হয়, তা ক্যাশে সংরক্ষণ করা হয়। জনপ্রিয় ক্যাশিং টুল:

Redis
Memcached

১.৪ ডাটাবেস অপটিমাইজেশন
ডাটাবেস স্কেল করার জন্য শার্ডিং, রেপ্লিকেশন এবং ইনডেক্সিং ব্যবহার করা যায়:

শার্ডিং (Sharding): ডাটাবেসকে বিভিন্ন ভাগে ভাগ করে লোড বিতরণ।
রেপ্লিকেশন (Replication): ডাটার কপি তৈরি করে রিড অপারেশন দ্রুত করা।

১.৫ মাইক্রোসার্ভিস আর্কিটেকচার
মাইক্রোসার্ভিস হলো ছোট, স্বাধীন সার্ভিস যা নির্দিষ্ট কাজের জন্য ডিজাইন করা হয়। এটি সিস্টেমকে মডুলার এবং স্কেলেবল করে। উদাহরণ:

অর্ডার সার্ভিস: অর্ডার প্রসেসিং।
ইউজার সার্ভিস: ইউজার ডাটা ম্যানেজমেন্ট।

১.৬ ক্লাউড-ভিত্তিক সমাধান
ক্লাউড প্ল্যাটফর্ম যেমন AWS, Google Cloud, বা Azure ব্যবহার করে সিস্টেম স্কেল করা সহজ হয়। এগুলো অটো-স্কেলিং, কনটেইনারাইজেশন (যেমন Docker, Kubernetes) এবং সার্ভারলেস কম্পিউটিং (যেমন AWS Lambda) সুবিধা দেয়।

২. মিলিয়ন ইউজারের রিকোয়েস্ট হ্যান্ডেল করার কৌশল

২.১ সিস্টেম আর্কিটেকচার ডিজাইন

API Gateway: API রিকোয়েস্ট পরিচালনার জন্য (যেমন AWS API Gateway)।
কিউইং সিস্টেম: অ্যাসিনক্রোনাস প্রসেসিংয়ের জন্য RabbitMQ বা Kafka ব্যবহার।
কনটেইনারাইজেশন: Docker এবং Kubernetes ব্যবহার করে সার্ভিস স্কেল করা।
সার্ভারলেস কম্পিউটিং: AWS Lambda বা Google Cloud Functions ব্যবহার করে স্বয়ংক্রিয় স্কেলিং।

২.২ ডাটাবেস স্কেলিং

NoSQL ডাটাবেস: MongoDB, DynamoDB বা Cassandra ব্যবহার করে বড় ডাটা হ্যান্ডেল।
SQL ডাটাবেস: PostgreSQL বা MySQL এর সাথে রেপ্লিকেশন এবং শার্ডিং।
ইন-মেমরি ডাটাবেস: Redis বা Memcached ব্যবহার করে দ্রুত ডাটা অ্যাক্সেস।

২.৩ ক্যাশিং এবং CDN

ক্যাশিং: Redis বা Memcached ব্যবহার করে ডাটাবেস কোয়েরি কমানো।
CDN (Content Delivery Network): Cloudflare বা Akamai ব্যবহার করে স্ট্যাটিক কনটেন্ট দ্রুত ডেলিভারি।

২.৪ অ্যাসিনক্রোনাস প্রসেসিং
বড় রিকোয়েস্টগুলো অ্যাসিনক্রোনাসভাবে প্রসেস করতে মেসেজ কিউ সিস্টেম ব্যবহার করুন, যেমন:

RabbitMQ
Apache Kafka
AWS SQS

২.৫ সার্ভার অপটিমাইজেশন

কম্প্রেশন: HTTP রিকোয়েস্টে Gzip বা Brotli ব্যবহার।
কানেকশন পুলিং: ডাটাবেস কানেকশন পুনরায় ব্যবহার।
থ্রেড পুলিং: অ্যাপ্লিকেশন সার্ভারে থ্রেড ম্যানেজমেন্ট।

৩. শিখতে হবে এমন প্রাসঙ্গিক টার্ম এবং প্রযুক্তি

নিম্নলিখিত টার্ম এবং প্রযুক্তি শিখলে আপনি মিলিয়ন ইউজারের রিকোয়েস্ট হ্যান্ডেল করতে পারবেন:
৩.১ সিস্টেম ডিজাইন সম্পর্কিত টার্ম

Scalability: সিস্টেমের লোড বাড়ার সাথে সাথে কার্যক্ষমতা বজায় রাখা।
High Availability: সিস্টেমের ডাউনটাইম কমানো।
Fault Tolerance: ত্রুটি সত্ত্বেও সিস্টেমের কার্যকারিতা।
Latency: রিকোয়েস্ট প্রসেস করতে সময় লাগা।
Throughput: প্রতি সেকেন্ডে হ্যান্ডেল করা রিকোয়েস্টের সংখ্যা।
CAP Theorem: Consistency, Availability, Partition Tolerance এর মধ্যে ট্রেড-অফ।
Eventual Consistency: NoSQL ডাটাবেসে ডাটা সিঙ্ক্রোনাইজেশন।

৩.২ প্রোগ্রামিং এবং ফ্রেমওয়ার্ক

Node.js: দ্রুত এবং স্কেলেবল ব্যাকএন্ড ডেভেলপমেন্ট।
Spring Boot (Java): এন্টারপ্রাইজ-লেভেল অ্যাপ্লিকেশন।
Django/Flask (Python): দ্রুত প্রোটোটাইপিং এবং API ডেভেলপমেন্ট।
Go: উচ্চ-পারফরম্যান্স এবং কনকারেন্সি ম্যানেজমেন্ট।

৩.৩ ডাটাবেস এবং স্টোরেজ

SQL vs NoSQL: ডাটা স্ট্রাকচার এবং স্কেলিং পদ্ধতি।
Sharding: ডাটাবেস ভাগ করা।
Replication: ডাটার কপি তৈরি।
Indexing: দ্রুত ডাটা রিট্রিভাল।

৩.৪ ক্লাউড এবং ডেভঅপস

AWS/Google Cloud/Azure: ক্লাউড সার্ভিস ম্যানেজমেন্ট।
Docker: কনটেইনারাইজেশন।
Kubernetes: কনটেইনার অর্কেস্ট্রেশন।
CI/CD: ক্রমাগত ইন্টিগ্রেশন এবং ডেপ্লয়মেন্ট।
Monitoring: Prometheus, Grafana বা New Relic ব্যবহার।

৩.৫ নেটওয়ার্কিং এবং সিকিউরিটি

HTTP/REST: API ডিজাইন।
WebSocket: রিয়েল-টাইম কমিউনিকেশন।
OAuth: টোকেন-ভিত্তিক অথেনটিকেশন।
Rate Limiting: রিকোয়েস্ট সীমিত করা।

৪. লোড টেস্টিং: সিস্টেমের ক্ষমতা যাচাই

লোড টেস্টিং হলো সিস্টেমের ক্ষমতা পরীক্ষা করার প্রক্রিয়া যাতে নিশ্চিত করা যায় যে এটি মিলিয়ন ইউজারের রিকোয়েস্ট হ্যান্ডেল করতে পারে। এর জন্য নিম্নলিখিত পদক্ষেপ অনুসরণ করুন:
৪.১ লোড টেস্টিং টুল

JMeter: ওপেন-সোর্স লোড টেস্টিং টুল।
Locust: পাইথন-ভিত্তিক টেস্টিং টুল।
Gatling: উচ্চ-পারফরম্যান্স টেস্টিং।
k6: আধুনিক এবং স্ক্রিপ্টেবল টেস্টিং টুল।
BlazeMeter: ক্লাউড-ভিত্তিক লোড টেস্টিং।

৪.২ লোড টেস্টিং প্রক্রিয়া

টেস্ট সিনারিও তৈরি: বাস্তবসম্মত ইউজার রিকোয়েস্ট সিমুলেট করুন (যেমন, লগইন, API কল, ডাটা ফেচ)।
লোড বাড়ানো: ধীরে ধীরে ইউজার সংখ্যা বাড়িয়ে ১০০০, ১০,০০০, এবং মিলিয়ন পর্যন্ত টেস্ট করুন।
মেট্রিক্স পর্যবেক্ষণ:
- Response Time: রিকোয়েস্ট প্রসেস করতে কত সময় লাগছে।
- Throughput: প্রতি সেকেন্ডে কতগুলো রিকোয়েস্ট হ্যান্ডেল হচ্ছে।
- Error Rate: কত শতাংশ রিকোয়েস্ট ব্যর্থ হচ্ছে।
বটলনেক চিহ্নিতকরণ: ডাটাবেস, API, বা নেটওয়ার্ক যেখানে সমস্যা হচ্ছে তা খুঁজে বের করুন।
অটো-স্কেলিং টেস্ট: ক্লাউডে সার্ভার স্বয়ংক্রিয়ভাবে বাড়ছে কিনা তা পরীক্ষা করুন।

৪.৩ রিয়েল-ওয়ার্ল্ড টেস্টিং

স্ট্রেস টেস্টিং: সিস্টেমের সর্বোচ্চ ক্ষমতা পরীক্ষা।
স্পাইক টেস্টিং: হঠাৎ লোড বৃদ্ধির পরীক্ষা।
এন্ডুরেন্স টেস্টিং: দীর্ঘ সময় ধরে লোড সামলানোর ক্ষমতা।

৫. বাস্তব উদাহরণ এবং বেস্ট প্র্যাকটিস

৫.১ উদাহরণ: ই-কমার্স প্ল্যাটফর্ম
একটি ই-কমার্স সাইটে মিলিয়ন ইউজারের রিকোয়েস্ট হ্যান্ডেল করতে:

CDN ব্যবহার করে স্ট্যাটিক কনটেন্ট (ইমেজ, CSS, JS) ডেলিভারি।
Redis দিয়ে প্রোডাক্ট ডাটা ক্যাশিং।
Kafka দিয়ে অর্ডার প্রসেসিং অ্যাসিনক্রোনাসভাবে।
Kubernetes দিয়ে সার্ভিস স্কেলিং।
PostgreSQL এর সাথে রেপ্লিকেশন এবং শার্ডিং।

৫.২ বেস্ট প্র্যাকটিস

মনিটরিং: Prometheus এবং Grafana দিয়ে সিস্টেমের পারফরম্যান্স ট্র্যাক করুন।
লগিং: ELK Stack (Elasticsearch, Logstash, Kibana) ব্যবহার করে লগ বিশ্লেষণ।
সিকিউরিটি: DDoS প্রোটেকশন এবং WAF (Web Application Firewall) ব্যবহার।
অটোমেশন: CI/CD পাইপলাইন তৈরি করে দ্রুত ডেপ্লয়মেন্ট।

মিলিয়ন ইউজারের রিকোয়েস্ট হ্যান্ডেল করার জন্য স্কেলেবল সিস্টেম তৈরি করতে হলে সঠিক আর্কিটেকচার, প্রযুক্তি, এবং টেস্টিং পদ্ধতি ব্যবহার করতে হবে। লোড ব্যালেন্সিং, ক্যাশিং, এবং ক্লাউড-ভিত্তিক সমাধান ব্যবহার করে সার্ভার স্লো হওয়ার সমস্যা এড়ানো সম্ভব। লোড টেস্টিংয়ের মাধ্যমে সিস্টেমের ক্ষমতা নিশ্চিত করুন এবং উপরে উল্লিখিত টার্ম এবং প্রযুক্তি শিখে নিজেকে প্রস্তুত করুন।
এই গাইড অনুসরণ করে এবং নিয়মিত প্র্যাকটিসের মাধ্যমে আপনি এমন একটি সিস্টেম তৈরি করতে পারবেন যা মিলিয়ন ইউজারের রিকোয়েস্ট দক্ষতার সাথে হ্যান্ডেল করতে সক্ষম।

Unlocking the Power of MySQL and PostgreSQL

Md Shah Jalal — Wed, 08 Nov 2023 09:27:16 +0000

🚀 Excited to share my latest article on LinkedIn: "Unlocking the Power of MySQL and PostgreSQL: What's Your Pick? 💡🔒"

Choosing the right database management system is a critical decision for any tech project, and in this article, I break down the advantages and disadvantages of two heavyweights, MySQL and PostgreSQL. Whether you're a seasoned pro or new to databases, this article offers insights and tips to help you make an informed choice.

Read the full article here: https://lnkd.in/guphnuG2

I'd love to hear your thoughts and experiences with MySQL and PostgreSQL in the comments. Let's dive into this important tech decision together! 💬

Sharcode CARET (Classification And Regression Training)

Md Shah Jalal — Mon, 24 Jul 2023 03:12:04 +0000

🚀 Excited about machine learning? 🤖 Discover the power of CARET (Classification And Regression Training) - your one-stop solution for building top-notch predictive models! 📈📊

🔎 Want to conquer complex regression and classification problems? Look no further! CARET offers a unified interface for training and evaluating various ML models, making it a go-to choice for data scientists and researchers alike. 💼💻

💡 Key Features:
📚 Streamlined Model Development
⚙️ Easy Data Preprocessing
🎯 Model Tuning & Hyperparameter Optimization
📊 Comprehensive Model Evaluation Metrics

YouTube video link: https://youtu.be/TsgcOnKOYk8

ClassificationAndRegressionTraining #MachineLearning #DataScience #CARET #ModelDevelopment #PredictiveModels #AI #ML #DataScientists #TechInnovation #sharcode #sharcodewebsite #sharcodeplatform

Singly LinkedList vs Doubly LinkedList

Md Shah Jalal — Wed, 25 Jan 2023 11:28:12 +0000

A singly linked list is a data structure that consists of a sequence of elements, each of which contains a reference to the next element in the sequence. A doubly linked list, on the other hand, is similar to a singly linked list, but each element (referred to as a "node") contains references to both the next and the previous elements in the sequence.

Here are some key differences between singly linked lists and doubly linked lists:

Traversal: In a singly linked list, you can only traverse the list in one direction (from the head to the tail), as each node only contains a reference to the next node. In a doubly linked list, however, you can traverse the list in both directions (from the head to the tail and vice versa), as each node contains references to both the next and previous nodes.

Insertion and Deletion: In a singly linked list, inserting or deleting a node requires updating the next pointer of the previous node, which can be time-consuming. In a doubly linked list, on the other hand, inserting or deleting a node requires updating both the next and previous pointers of the adjacent nodes, which can be slightly more efficient.

Memory: In a singly linked list, each node only requires one reference, whereas in a doubly linked list, each node requires two references. Because of this, doubly linked lists typically use more memory than singly linked lists.

Reverse Traversal: In a singly linked list, you can only traverse the list in one direction, so it's not easy to traverse the list in reverse order. In a doubly linked list, you can easily traverse the list in reverse order, as each node contains a reference to the previous node, which makes it simple to traverse the list in reverse order.

In summary, singly linked lists are simpler and use less memory than doubly linked lists, but they can only be traversed in one direction and insertion/deletion operations are more difficult. Doubly linked lists are more versatile, as they can be traversed in both directions and insertion/deletion operations are more efficient, but they use more memory.

Pointers in C Programming

Md Shah Jalal — Tue, 29 Nov 2022 05:03:33 +0000

The pointer in C language is a variable which stores the address of another variable.
If we want to store an address of a variable to another variable then the variable is called pointer.
It is declared along with an asterisk symbol (*). The syntax to declare a pointer is as follows:

int *p;
Assigning and accessing variable:

 #include <stdio.h>
 int main()
 {
     int a;
     int *p;
     scanf("%d", &a);
     p = &a;
     printf("%p\n", p);
     printf("%d\n", *p);
     return 0;
 }

Different types of pointers

There are four types of pointers, they are:

Null Pointer
Void Pointer
Wild Pointer
Dangling Pointer

Null Pointer:
A pointer that is not assigned any value but NULL is known as the NULL pointer.
If we don't have any address to be specified in the pointer at the time of declaration, we can assign NULL value. It will give a better approach.
Syntax:

Int *p = NULL;

Example:

#include<stdio.h>

int main(){
int *p = NULL;

printf(“p=%d”,*p);
}

Void Pointer:
When a pointer is declared with a void keyword, then it is called a void pointer. To print the value of this pointer, you need to typecast it.

Syntax:
void *p;

Example:

#include<stdio.h>

int main()

{
   int a=2;
   void *p;

   p= &a;

   printf("After Typecasting, a = %d", *(int *)p);

return 0;
}

Wild Pointer:
A wild pointer is only declared but not assigned an address of any variable. They are very tricky, and they'll reason segmentation errors.

Example:

#include<stdio.h>

int main(){
  int *p;

  printf(“p=%d”,*p);

  return 0;
}

Dangling Pointer:
A pointer pointing to a memory location that has been deleted (or freed) is called dangling pointer.

#include<stdio.h>
#include<stdlib.h>

int main()
{
    int *p=(int *)malloc(sizeof(int));
    *p = 5;
    free(p);
    //now this p is known as dangling pointer.
    printf(“After deallocating its memory *p=%d”,*p);
    return 0;
}

Pointer to Pointer
A pointer will indirectly point to a variable via another pointer.
Something like this: pointer of pointer of pointer of pointer of variable

Syntax:
Int **p;

Example:

#include <stdio.h>
 int main()
 {
     int a = 5;
     int *p = &a;
     int **q = &p;
     printf("%d\n", a);
     printf("%p\n", p);
     printf("%p\n", q);
     **q = 7;
     printf("%d\n", a);
     return 0;
 }

Pass by Value and Pass by Reference
We will pass by reference instead of pass by value.
Example:

#include <stdio.h>
int swap(int *x, int *y)
{
    int temp;
    temp = *x;
    *x = *y;
    *y = temp;

}
int main()
{
    int x = 5, y = 7;
     printf("Before swapping x=%d , y=%d\n", x, y);

    swap(&x, &y);
    printf("After swapping x=%d , y=%d\n", x, y);
return 0;
}

Unit Testing (React + Typescript)

Md Shah Jalal — Fri, 04 Mar 2022 02:27:04 +0000

What is Unit Testing?

Unit testing, a testing technique using which individual modules are tested to determine if there are any issues by the developer himself. It is concerned with functional correctness of the standalone modules.

The main aim is to isolate each unit of the system to identify, analyze and fix the defects.

Unit Testing - Advantages:

Reduces Defects in the Newly developed features or reduces bugs when changing the existing functionality.
Reduces Cost of Testing as defects are captured in very early phase.
Improves design and allows better refactoring of code.
Unit Tests, when integrated with build gives the quality of the build as well.

For testing our app, first of all, we need a test runner.
When we create a new react app, the create-react-app provides us a test runner which is called Jest.

At first, we have to create react app:
npx create-react-app my-app-name --template typescript yarn create react-app my-app-name --template typescript

Now, we can get two file as naming App.tsx and App.test.tsx
In App.test.tsx we have to ensure that the App component renders a link.

test('renders learn react link', () => {
  render(<App />);

Let's go understand unit testing anatomy.

Unit Testing (AAA)

We describe what we want to test.

Arrange: prepare the testing environment, render the component;
Act: try to find expected value;
Assert: we compare function results with expected results, if they are equal the function worked correctly.

Unit testing sample

Say, we have a divided function, we expect the correct result and we also know that if we divided by 0, it's not valid. So, it will throw an error. If we set (10/5) and we expect the value=2, that's quite possible. But if we set (10/5) and we expect the value=3, it will throw an error. We will test our App.tsx component in our App.test.tsx

// ...

it("should return a division result", () => {
  // Arrange: prepare function arguments
  // and the expected division result.
  // In this example 10 / 2 === 5:
  const [a, b, expected] = [10, 2, 5];

  // Here we use array destructuring 
  // to assing `a === 10`, `b === 2`, 
  // and `expected === 5`.

  // Act: use the `divide` function 
  // to get an actual function result.
  const result = divide(a, b);

  // Assert: compare expected result
  // with a function result.
  expect(result).toEqual(expected);
});

In our case we use .toEqual method to check if the expect argument is equal to toEqual argument, i.e. if the expected result is equal to actual result.

Now, it is time to check if our test is working, open the console and run:

yarn test

You will see that all the tests are passing:

Typescript with React

Md Shah Jalal — Fri, 25 Feb 2022 06:57:43 +0000

What is Typescript?

Typescript is a superset of the JavaScript language. The purpose is to give JavaScript a flavor of strongly typed language so that our code errors are easily detected and we are protected from many unwanted behaviors in the application. Typescript cannot be written in a browser like JavaScript.

Globally typescript installation:
yarn global add typescript
or
npm install typescript -g

Installation typescript in local project:
yarn add typescript
or
npm install typescript

Initialization typescript in project

tsc --init

How to compile a specific file?
tsc app.ts

How to compile a specific file with watch mood?
tsc app.ts -w

Compilation of all files and also with watch mood:
tsc
tsc -w

Basic data types:

Any
number
string
boolean
object
Array
Tuple
Enum
undefined
null, void
never
unknown

_Let's go learn about function parameter and return type
_

The most interesting thing in typescript is that we can declare the type of our parameter that's why we can handle any error easily.

function add (n1: number, n2: number) => number; function add (n1: number, n2: number): number;

When we fetch data from API we have to use an interface.
Example:

interface Person {
    name: string;
    age: number;
    height: string;
}
const person1: Partial<Person> = {
    name: 'Hridoy',
    age: 28
}

That's the basic part of typescript.

CURD operations, NodeJs, JWT

Md Shah Jalal — Fri, 24 Dec 2021 09:51:33 +0000

What is the CURD operations?

When we create a project with React as a client site and with NodeJs as a server site, we have to process some operations on the server site with NodeJs. CURD is an acronym that stands for Create, Update, Read, and Delete. According to our needs, We use to get, post, put, delete methods.

What is NodeJs?

Node.js is an open-source, cross-platform, back-end, JavaScript runtime build on Chrome V8 engine that can execute JavaScript code outside of web browser.

Node.js runs single-threaded, non-blocking, asynchronous programming, which is very memory efficient.

Important Note:

NodeJs is a separate or another runtime of JavaScript.

NASA, Uber, IBM, Paypal use NodeJs.

The V8 engine makes JavaScript fast Just in time (JIT) compile.

npm stands for Node Package Manager.

MongoDB keeps the data in JSON structure.

How does NodeJs work?

NodeJs is a JavaScript runtime built on Chrome V8 engine that can execute JavaScript code outside of the browser. Language and syntax remain in the something.js file as content. In the browser, this content is called DOM. It stands for document object model. DOM is a huge JavaScript object.

When a client site request data to a server-side, If the server-side sends a response on its own, it is called CPU Intensive Task.
And if the server-side sends a response by collecting data from others, it is called I/O Intensive Task.

NodeJs runs as single-threaded that is just a process, asynchronously and non-blocking I/O.

Non-blocking: Single-threaded accepts the request and then sends the request to others. The current thread won’t remain blocked with the request.
Asynchronous/ Call back: NodeJs does not work synchronously or one by one.

Important Note:

Node.js can generate the dynamic page content

NodeJs is not suitable for CPU-intensive tasks.

We use NodeJs only for I/O Intensive tasks.

Node.js can create, add, open, read, write, delete, update data, and close files on the server.

What is JWT?

Most web apps use security measures to make sure user data stays private. Authentication is a key part of security and JSON Web Tokens (JWT) are a great way to implement authentication.

So what are JSON Web Tokens?

JWT is a standard that defines a compact and self-contained way to securely transmit information between a client and a server as a JSON object. The compact size makes the tokens easy to transfer through an URL, POST parameter, or inside an HTTP header. Also, since they are self-contained they include all the necessary information about a user so the database does not need to be queried more than once.
The information in a JWT can be trusted because it is digitally signed using a secret or public/private key pair.

Authentication

JWT is mainly used for authentication. After a user logs in to an application, the application will create a JWT and send it back to the user. Subsequent requests by the user will include the JWT. The token tells the server what routes, services, and resources the user is allowed to access. JWT can be easily used across multiple domains so they are often used for Single Sign-On.

Install

npm install react-jwt or yarn add react-jwt

Usage

import React from "react";
import { useJwt } from "react-jwt";
const token = "Your JWT";

const Example = () => {
  const { decodedToken, isExpired } = useJwt(token);
  /*
    If is a valid jwt, 'decodedToken' will be a object
    it could look like:
    {
      "name": "Gustavo",
      "iat": 1596408259,
      "exp": 4752168259
    }

    'isExpired' will return a boolean
    true => your token is expired
    false => your token is not expired
  */

  return (
    <div>
      ...
    </div>
  );
};

You can also use the methods isExpired(token) and decodeToken(token)

import React from "react";
import { isExpired, decodeToken } from "react-jwt";
const token = "Your JWT";

const Example = () => {
  const myDecodedToken = decodeToken(token);
  const isMyTokenExpired = isExpired(token);

  return (
    <div>
      ...
    </div>
  );
};

Refresh state

If you use the refreshToken(newToken) method, useJwt's state will be updated

import React from "react";
import { useJwt } from "react-jwt";
const token = "Your JWT";

const Example = () => {
  const { decodedToken, isExpired, reEvaluateToken } = useJwt(token);

  const updateToken = () => {
    const newToken = "A new JWT";
    reEvaluateToken(newToken); // decodedToken and isExpired will be updated
  }

  return (
    <div>
      ...
    </div>
  );
};

What is JSX? How does it work?

Md Shah Jalal — Thu, 23 Dec 2021 01:45:58 +0000

`JSX stands for JavaScript XML.`

JSX is syntax extension to JavaScript.
It allows us to write HTML in React and place them in the DOM without any createElement() or appendChild() methods.
JSX converts the HTML tags in React elements.

Real word project done🌟
sharcode calculators: https://sharcode.com/calculators/

What is Virtual DOM? Difference between virtual DOM and real DOM?

Md Shah Jalal — Wed, 22 Dec 2021 14:29:36 +0000

In simple words, virtual DOM is just a copy of the original DOM kept in the memory and synced with the real DOM by libraries such as React DOM. This process is called Reconciliation.
Reconciliation is a process to compare and keep in sync the two files (Real and Virtual DOM). Diffing algorithm is a technique of reconciliation that is used by React.

Real DOM

DOM is a language-neutral interface allowing programs and scripts to dynamically access and update multiple objects like content, structure, and style of a document.
The DOM denotes the document as nodes and objects.
It is an object-oriented representation of a web page, modified with a scripting language like JavaScript.

Virtual DOM

Is a collection of modules designed to provide a declarative way to represent the DOM for an application.
A virtual DOM object is a representation of a DOM object, like a lightweight copy.
Virtual DOM is ideal for mobile-first applications.

What is API? Difference between Get and Post?

Md Shah Jalal — Tue, 21 Dec 2021 17:24:14 +0000

API stands for Application Programming Interface.
Differences between the most common HTTP method get and post.

Get

Get requests are used to only request data
Get requests can be cached
Get requests remain in the browser history
Get requests can be bookmarked
Get requests have restrictions on data length

Post

Post requests are used to create or update data
Post requests can’t be cached
Post requests don’t remain in the browser history
Post requests can’t be bookmarked
Post requests have no restrictions on data length

What does the “this” keyword indicate in JavaScript?

Md Shah Jalal — Tue, 21 Dec 2021 16:48:09 +0000

The JavaScript this keyword indicates to the object it belongs to. Depending on whether it is used, it has several values. Such,

This keyword indicates to the owner object when it is used in a method.
This keyword indicates the global object when it is used alone or in a function.
‘this’ is undefined when it is used in a function and in a strict mode.