React’s useMemo hook is a powerful tool for optimizing performance by memoizing the results of expensive computations, ensuring they are recalculated only when necessary. How It Works useMemo stores the result of a function and only recomputes it when one of its dependencies changes. This prevents unnecessary recalculations, improving performance in cases where the computation… Continue reading Optimizing Performance with useMemo in React
Tag: webapp
Plesk User permission
1. Set Ownership to Root Change the ownership of /var/log/plesk and its contents to root:root: bash Copy code sudo chown -R root:root /var/log/plesk 2. Set Permissions Set appropriate permissions for directories and files. Generally, directories should have 755 permissions and files should have 644. Set Permissions for Directories bash Copy code sudo find /var/log/plesk -type… Continue reading Plesk User permission
Plesk Panel Permissions Unable to access Plesk: /usr/local/psa/admin/logs/panel.log cannot be opened with mode “a”
Unable to access Plesk: /usr/local/psa/admin/logs/panel.log cannot be opened with mode “a” Cause Wrong ownerships for the /var/log/plesk/ directory or /var/log/plesk/panel.log file. Resolution Log into the the server via SSH. Execute the commands below one by one to set proper ownerships for /var/log/plesk/ directory: # chmod 0750/var/log/plesk/ # chown psaadm:root /var/log/plesk/ Run the following commands to set correct ownerships for the /var/log/plesk/panel.log file: # chmod 0640 /var/log/plesk/panel.log # chown… Continue reading Plesk Panel Permissions Unable to access Plesk: /usr/local/psa/admin/logs/panel.log cannot be opened with mode “a”
Deploying an app to vercel
A deployment is the result of a successful build of your project. A deployment is triggered when you import an existing project or template, or when you push a Git commit through your connected integration or use vercel deploy from the CLI. Every deployment generates a URL automatically. For deploying an app to vercel we… Continue reading Deploying an app to vercel
Node Js Mobile OTP based authentication and authorization API using Nodejs and Mongodb
Dependencies 1) Express Js Express is a back end framework for Node.js.It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js 2) Mongoose Mongoose is a Database ODM for Nodejs. It provide schema based api to model our mongodb schema.It is famous in world… Continue reading Node Js Mobile OTP based authentication and authorization API using Nodejs and Mongodb
Run client and server together in Node JS using concurrently
To run the client and server together in Node.js using concurrently, you need to ensure that both the client and server processes are started concurrently. You can do this by creating a script in your root package.json that utilizes concurrently to start both processes. Here’s how you can modify your package.json { “name”: “nasa-project”, “version”:… Continue reading Run client and server together in Node JS using concurrently
Different between Single Page Application and Multi page Application on Web application
Differences between Single Page Applications and Multi-page Applications on Web application Single Page Application (SPA): In a SPA, the entire application runs within a single web page. The initial HTML page is loaded from the server, and subsequent interactions are handled dynamically through JavaScript. SPAs use AJAX (asynchronous JavaScript and XML) to retrieve data from… Continue reading Different between Single Page Application and Multi page Application on Web application
Different Authentication strategies i n Next Js
Modern web applications commonly use several authentication strategies: OAuth/OpenID Connect (OIDC): Enable third-party access without sharing user credentials. Ideal for social media logins and Single Sign-On (SSO) solutions. They add an identity layer with OpenID Connect. Credentials-based login (Email + Password): A standard choice for web applications, where users log in with an email and… Continue reading Different Authentication strategies i n Next Js
Build a Vue project into a single HTML file.
‘vite-plugin-singlefile’ allows you to inline all JavaScript and CSS resources directly into the final index.html file. To install type this in command prompt Add the given code in vite.config.js Build the app and now a single index.html file will be created.
How to install vue-router in Vue project
Vue Router is the official router for Vue.js. To install Vue Router type this in command prompt. After installing Vue Router, enter the script in main.js file Given is the Javascript sample of Vue Router