Docs on Pratham Dupare

One Screen for Productivity

Sun, 10 Nov 2024 00:00:00 +0000

You might have seen many people in productivity videos using multiple or wide-angle screens, and it might feel straightforward to believe that using multiple displays might improve productivity. However, it’s actually the opposite. How so?

The best analogy I can think of is typing on a keyboard. The main reason people use touch typing to type fast is that it doesn’t make you look down at the keyboard while you’re focused on the task. It makes you much faster than looking down. Looking at a secondary or multiple screens is similar. But what’s the proof of it, you might ask.

Beginner's Guide to Lua

Wed, 03 Apr 2024 00:00:00 +0000

Lua - Beginners Guide

I recently started learning Lua and I found it to be a very interesting language. It is a very lightweight language and is used in many applications. It is also used in many games as a scripting language.

This is a beginners guide to Lua.

Printing

print("Hello World")

Comments

--this is a comment
print("hello") --this is another comment
-- the next line will not do anything because it is commented out
--print("world")

Variables

-- Different types
local x = 10 --number
local name = "john doe" --string
local isAlive = false -- boolean
local a = nil --no value or invalid value

Numbers

API Routes

Mon, 11 Mar 2024 00:00:00 +0000

Introduction

Next.js is a full-stack framework that enables you to develop both the frontend and backend seamlessly. In contrast to using Express.js for building the backend, where you might need to run a separate server on a different port, Next.js eliminates this need.

Next.js employs a file-based routing system, making it convenient and efficient.

const express = require("express");
const app = express();
const port = 3000;

app.get("/", (req, res) => {
 res.send("Hello World!");
});

app.listen(port, () => {
 console.log(`Example app listening on port ${port}`);
});

Note that in the traditional Express.js example, app.listen specifies the port to which it must listen, requiring it to be continuously running to handle requests.

Components and Optimisations

Fri, 08 Mar 2024 00:00:00 +0000

Introduction

Next.js comes with a variety of built-in optimizations designed to improve your application’s speed and Core Web Vitals .

Built-in Components

1. Images Component:

Utilizes the native <img> element.
Optimizes image performance by implementing lazy loading.
Automatically resizes images based on the device size for improved responsiveness.

//app/page.js
import Image from "next/image";

export default function Page() {
 return (
 <Image
 src="/profile.png"
 width={500}
 height={500}
 alt="Picture of the author"
 />
 );
}

The Image Component requires the following properties: src, width, height, and alt.

Introduction to Next.js

Tue, 05 Mar 2024 00:00:00 +0000

Introduction

What is Next.js?

Used by some of the world’s largest companies, Next.js enables you to create high-quality web applications with the power of React components.

Next.js serves as a React framework designed for developing full-stack web applications. By leveraging React Components for creating user interfaces, Next.js extends functionality and streamlines optimizations.

Beneath the surface, Next.js handles the abstraction and automatic configuration of essential React tooling, such as bundling and compiling. This empowers developers, whether working individually or within a team, to concentrate on application development rather than intricate configuration details.