This page contains a comprehensive list of resources for web developers, whether you are a beginner looking to understand the basics of HTML and CSS or an experienced programmer aiming to explore the latest trends in web development, this curated collection aims to support you at every step of your coding journey.
Use Large Language Model GPT-4 Without Any Subscription as ChatGTP Alternative
In the waning months of 2022, ChatGPT burst onto the scene and captured the world’s imagination. This chatty AI introduced millions to the wonders of Large Language Models, igniting both awe at the possibilities and trepidation about what it could mean for certain jobs and for humanity itself. But even as people were still reeling from ChatGPT’s debut, OpenAI was already cooking up its next BIG THING in Tech. The company introduced GPT-4, a model more advanced than the GPT-3.5 utilized by ChatGPT. GPT-4 has a higher likelihood of providing pertinent responses, a lower probability of violating...
Short Handbook for TypeScript types, interfaces and generics
TypeScript is a programming language that extends JavaScript by adding types. Types are annotations that describe the kind of data that a variable can hold, such as numbers, strings, booleans, arrays, objects, functions, etc. In this post let’s explore the noteworthy ways to declare and use types, functions, interfaces, generics, and classes in TypeScript. Benifits of Using Types You might be wondering why bother with types if JavaScript works fine without them, after all! With TypeScript, you can avoid common errors like typos, null pointer exceptions, or incorrect function calls. You...
What Happens When We Type a URL in Browser
When you type a URL into your browser and press enter, your browser sends a request to the server associated with the website. The server then sends back the HTML, CSS, and JavaScript files that make up the website, which your browser then displays for you to interact with. First, we need to know what a URL is. A URL (Uniform Resource Locator) is a unique address that identifies a specific web page or resource on the internet. It typically consists of a domain name (such as www.example.com) followed by additional information about the location of the page or resource, such as its path...
Let’s Explore The Improved Routing, Layouts & Rendering in NextJs 13
Next.js 13 was recently released at the Next.js conference. Many new features are included, including new routing, a new way to fetch data (React suspense), Vercel fonts, og image generation, layouts, and more. These new features have the potential to be game changers, and they promise to be extremely fast. But not without consequences. Let’s go into more detail about them. Turbopack: The successor to Webpack. Turbopack, the brand new build tool led by the creator of Webpack, Tobias Koppers, will be the Web’s next-generation bundler. Rust was used to construct it from the ground...
Why Should We Use Context API Instead of Redux For New React Apps
When creating a new React application, we think about redux as a state management solution as a default choice. Let’s have a look at the Context API as a possible replacement. If you’re building a new React app today, your instincts may urge you to choose Redux. But should you start with Redux? That has turned into a legitimate question these days. The state management capabilities of React have vastly increased in recent versions. I’d want to discuss a more straightforward technique that relies on the Context API in this post. Let’s Take a Look Back Why Did We Adopt...
How to Install Windows 11 on an Unsupported PC
The first Insider Preview of Windows 11 is now available for download on any supported machine. However, the new Windows introduces a slew of new system requirements and only supports a limited number of CPUs. This may be inconvenient for people with older yet powerful computers. After all, Windows is Windows, and it may be installed on systems that aren’t compatible with it. Here’s how to get the Windows 11 Insider Preview on a PC that isn’t supported. TPM 2.0 and Secure Boot functionality for Windows 11 are now required by Microsoft. It also only works with contemporary...
A Contemporary Guide on React State Patterns in 2021
Since the initial release of React in 2013, Facebook has rolled out a robust collection of tools to help developers with some of the minutiae of the web application development process, allowing them to focus on what matters most. Despite React’s many capabilities and widespread adoption among developers, I’ve discovered that many of us face the same question: How can we handle complicated states with React? You may like: Crud Using React Hooks and Context API This post will look at what state is, how to arrange it, and alternative patterns to use as our applications become...
Best Practices for Checking PropTypes in React Components using TypeScript
JavaScript functions that return React elements are known as React components. These are the parameters that govern what will be added to the DOM. In addition, react components, like functions, may receive props as arguments, resulting in dynamically returned items. Props can be of any data type, although component data types may differ. Component A, for example, may anticipate a name argument with a text data type, but component B may anticipate an age argument with a numeric data type. Likewise, D may anticipate an onClick argument with a Function data type, but C may expect a post...
Make Windows Powershell Work Like a Linux Terminal
Windows PowerShell doesn't come with any git command utilities. But we can extend it to a new level where we can utilize git commands efficiently. In this post, we are going to see how to add auto command suggestions on TAB, branch information, and a working directory in Windows PowerShell. To get that look at our default PowerShell, we will install two packages from PowerShell Gallery. To check what that Gallery is about click here. We will install posh-git and oh-my-posh packages as modules. The posh-git will provide prompt with Git status summary information and TAB completion for Git...