This app displays a list of books from the Redux store using React components. It uses Redux Toolkit for state management and TypeScript for type safety and clarity. đź§± Application Entry: main.tsx import { StrictMode } from ‘react’ import { createRoot } from ‘react-dom/client’ import ‘./index.css’ import { RouterProvider } from ‘react-router’ import router from…
Author: Jubayer Alam
Building a React App Using react-router-dom v7.3 Data Mode
React Router v7.3 introduced an improved and more declarative way to define routes using the Data Router APIs like createBrowserRouter. In this tutorial, we’ll walk through setting up a simple routing system in a React project using these new APIs. đź› Step-by-Step Setup 1. Install React Router First, install the react-router-dom package: npm install react-router-dom…
Set Up a Modern React + TypeScript + Tailwind + ShadCN UI App with Vite
This guide walks through a complete setup to to kick off a modern React project with TypeScript, Tailwind CSS, and the sleek ShadCN UI components by Vite build tool from zero to productive in minutes. 🛠️ Step-by-Step Project Setup 1. Initialize the Vite Project Start by creating a new Vite project: npm create vite@latest When prompted:…
Create a Node.js App with TypeScript, Express, Mongoose and MongoDB Atlas
In this post, we will go through on how to build a modern Node.js application using TypeScript, Express.js, and MongoDB Atlas, following a modular folder structure. We’ll also integrate dotenv for managing environment variables and use ts-node-dev for a smooth development workflow. âś… Step 1: Initialize Your Project Create a new directory and initialize a…
Build a Scalable Local MySQL Database on Mac Using MAMP
If you’re working with large datasets and need a reliable, scalable local development environment on your Mac, MAMP is one of the easiest solutions. In this post, we’ll walk through how to set up a MySQL database locally using MAMP, optimize it for handling large data volumes, and connect it with your projects. Whether you’re…
From Birth to Bright Future: Bangladesh’s Inspiring Journey
The Birth of Bangladesh – A Story of Independence and Struggle: Long ago, Pakistan was split into two parts: East Pakistan, which is now Bangladesh, and West Pakistan, which is now Pakistan. People in East Pakistan felt unhappy because those in West Pakistan were bossing them around too much. In an election, a political party…
Influence of Conservative Culture on Interfaith Marriage Acceptance in Bangladesh
Interfaith marriage is one of the rarest topics seen in Bangladesh till now. However, this is not the rarest incident here. Presently interfaith marriage is taking place more frequently than before. Interfaith marriage is lawful in Bangladesh but these laws are hardly practiced by the people of the society. As a result, the couples of…
German Grammer 101 – Dative Case
The dative case plays a pivotal role in German, indicating the indirect object of a sentence—essentially, to whom or for whom the action is performed. This case extends beyond mere sentence structure; it encapsulates a fundamental aspect of conveying relationships and actions within the language. Here, we’ll dissect the dative case’s nuances, from its effect…
German Grammer 101 – Accusative Case
The accusative case is a key component of German grammar, offering insight into the object of a sentence—what or whom the action is directed at. This case is essential for understanding sentence structure and conveying meaning accurately. Let’s delve into the nuances of the accusative case, exploring its application in sentences, its impact on articles,…
German Grammer 101 – Nominative Case
The nominative case is one of the fundamental building blocks of German grammar, pivotal for correctly structuring sentences. It’s primarily used to identify the subject of a sentence, answering the questions “Who?” (Wer?) or “What?” (Was?) is performing the action. Here’s a deeper dive into the nominative case, elucidating its usage, examples, and how it…