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...
REST API Design Good Practices
In order to survive, a project needs to sacrifice the quality for money and time. But in order to continue surviving, a software project needs to sacrifice money and time for the quality. In this post, we are going to see some good practices for developing REST API. We almost everyone already know the content of this document but we just do not follow them always. Let’s start following some good practices which would eventually lead us to become good developers as well as it would benefit the product itself.
Crud Using React Hooks and Context API
React Hooks and Context API are two relatively new features that have been added to React from v16.8 and v16.3 respectively. In this post, I'm going to create an app that can perform CREATE, READ, UPDATE and DELETE utilizing Hooks and Context API together.This new concept was introduced in v16.8 which is an alternative to classes. The Devs who used React before are familiar with functional components and class components. Many of these features available to classes - such as lifecycle methods and state weren't available to React until Hooks were introduced. The new Hooks add those class...
Windows sandbox – test before you install anything on your windows system
There are a lot of time that we think before installing an app on our system if it is safe or not. In May 2019, Windows got a system update with Windows Sandbox feature. Basically it lets you use anything before installing it. This feature is available with version 1903. To be more specific, Windows Sandbox is a virtual machine which can be created on-demand using Microsoft‘s hypervisor technology. It’s a very lightweight environment using a resource of 100MB only, and it’s well optimized to boot and run faster. It focuses on security, and it’s an example of efficient usage of integrated...
Top new javascript features introduced in es2020
Since the addition of ECMAScript in 2015, the overall state of the art of the development in JavaScript has emerged to a new height. The JavaScript language specification has been regularly revised with new features every year. The ECMA International is calling these features new ECMAScript 2020 or JavaScript ES11(see intro here). In this post, we are going to discuss a few new interesting features of those. LET’S DIVE INTO THE NEW JAVASCRIPT FEATURES