ReactJS Virtual DOM revolutionizes frontend development by introducing a lightweight, efficient abstraction of the browser’s DOM. This virtual representation mirrors the actual DOM, enabling React to efficiently update and render components in response to state changes. By comparing the virtual DOM with the real DOM and selectively applying changes, React minimizes unnecessary re-renders, enhancing performance and […]
All About ReactJS Virtual DOM Read More »
To fetch a blog detail page data by ID from MongoDB in NextJS, you can follow these steps: Step 1: Install the mongodb package in your Next.js project: npm install mongodb Step 2: Set up a connection to your MongoDB database. Create a file, let’s say db.js, in the root of your NextJS project: import
How to make a Blog detail page with data fetch from mongoDB in nextJS Read More »
In Next.js, you can create a blog detail page or slug page by following these steps: Set up a Next.js project: If you haven’t already, create a new Next.js project using the appropriate commands or boilerplate setup. Create a new page: In the pages directory of your project, create a new file with the naming
How to create a blog detail page or slug page in NextJS? Read More »
Why This Error Occurred? Do not add stylesheets using next/head (see <link rel=”stylesheet”> tag with href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css”). Use Document instead. See more info here: https://nextjs.org/docs/messages/no-stylesheets-in-head-component Do not add <script> tags using next/head Next JS don’t recommend this pattern because it will potentially break when used with Suspense and/or streaming. In these contexts, next/head tags aren’t: guaranteed to
Stylesheets and Script tag In Head Component of next js Read More »
Next.js is a popular React-based framework for building server-rendered (or statically exported) web applications. It was developed by Vercel (formerly known as Zeit) and has been widely adopted by the JavaScript community due to its simplicity, performance, and developer experience. Here are some of the key features and benefits of Next.js: Server-side rendering (SSR): Next.js
Create and install nextJS application Read More »
First, we create a react app, and then for backend maintenance, we create API in node.js and express.js which is running at a different port and our react app running at a different port. for connecting React to the database (MongoDB) we integrate through API. Now see how we create a simple React app that
Connect MongoDB with ReactJS ? Read More »
Angular and React, as they’re two of the most popular front-end development frameworks. But how can you pick between angular vs react? Angular: Angular is a Google-developed and maintained web framework that was first released in 2010 under the name AngularJS. It quickly became one of the most popular web frameworks at the time. This
React vs Angular: Which Is the Best JavaScript Framework? Read More »
According to Wikipedia “bcrypt is a password hashing function designed by Niels Provos and David Mazières, based on the Blowfish cipher. In real life applications with User authentication functionality, it is not practical to store user password as the original string in the database but it is good practice to hash the password and then store them into the database.
Hashing passwords using Bcrypt with Nodejs Read More »
MongoDB is a NoSQL database used to store large amounts of data without any traditional relational database table. Instead of rows & columns, MongoDB used collections & documents to store data. A collections consist of a set of documents & a document consists of key-value pairs which are the basic unit of data in MongoDB.
Connect MongoDB Atlas with NodeJS using Mongoose Read More »
Converting Arrays to Strings The JavaScript method toString() converts an array to a string of (comma separated) array values. Example const fruits = [“Banana”, “Orange”, “Apple”, “Mango”]; let fruitsString = fruits.toString(); console.log(fruitsString); Result: Banana,Orange,Apple,Mango The join() method also joins all array elements into a string. It behaves just like toString(), but in addition you can specify the separator: Example const fruits = [“Banana”, “Orange”, “Apple”, “Mango”]; let fruitsJoin
JavaScript Array Methods Read More »
