teleren/devto huggingface dataset:
How to Delete a Netlify App
Tags: webdev, netlify, website, javascript
Published: 2023-09-13 16:54:54


Clean out unwanted sites in your Netlify account by following these steps.

Netlify is a web hosting service that allows you to host a site online for free. You can use it to manage your builds, deployments, and other settings necessary to get your site up and running over the web.

There may come a time when you decide to take your website down. If you decide to do so, Netlify allows you to delete it using the site settings for the app. Once you delete your site, you will no longer be able to view it through its domain name.

## How to Delete Your App on Netlify

When you host a Netlify website, such as an Angular app using Netlify with Github, you can access it over the web using a generated domain. You also have the option to modify your free domain name.

When you delete your website, Netlify removes it from the web. Search engines will then remove the site from their database when they re-index its content. Once you delete your website, you will be unable to view it by entering the domain name into a browser's address bar.

1 Log in to your Netlify account.

2 On the dashboard page, under the Sites heading, click on the website that you would like to delete.


![as](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tqrpy3qef1rabb1pcozy.png)



![as](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x6sqd3d8fj2jv70tym4j.png)
3 Scroll down to the bottom.

![as](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ixaqluue6lw4og5dhg3q.png)

4 Enter the name of the website.

![Ia](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tlig0r7kykwb5f0y0k3l.png)

5 Click on Delete.


## Hosting and Removing Applications on Netlify
Now you know the steps you need to take to delete your website from Netlify. You can streamline your web hosting by only hosting websites you want people to view, and by deleting any unused practice or test sites.

### By @sameerkali
We have big news. ✨ Introducing Upsun, a new offer powered by Platform.sh
Tags: news, devops, tools, tooling
Published: 2023-09-13 16:43:49

## We have **big** news.

**Introducing Upsun, a new offer powered by Platform.sh.**

Everything in Platform.sh. With usage-based pricing. New multicloud edge-caching. Scalable in every dimension. An optimized, developer-focused, pay-as-you-use experience, designed to meet the needs of decoupled and composable architecture projects.

**What makes Upsun shine?**

- Every environment configurable with its own computing resource settings (CPU and RAM)
- Flexible, transparent, usage-based pricing 
- Horizontal and vertical scaling for applications and services
- Unlimited preview environments (+ all your data), with custom domains
- Fine-grained permissions and teams to enable unprecedented collaboration capabilities 

**Upsun is now ready for beta testing. If you have one or more projects that would benefit from these new features, you can sign up today for our early-access program.**

![Upsun early-access sign up now open](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ljlw2zzxbskv5zwfylm0.png)

**What do you get in our early-access program?**

- Exclusive first look and usage of our new PaaS offering
- A 14-day beta trial with free resource usage included*
- Access to our new, dedicated Discord community

**Get the [Upsun origin story](https://brnw.ch/origins) and sign up now for the [early-access program](https://brnw.ch/registerforupsun)!**
Best SEO Tools
Tags: ranklyt, adsensecalculator, keyworddensitychecker
Published: 2023-09-13 16:23:00

## Ranklyt

Ranklyt offers a wide variety of free online tools that can help you optimize your website, YouTube channel, and SEO. Our platform includes website tracking and management tools, along with YouTube and SEO tools, all of which are completely free to use. With our powerful tools, you can easily monitor your website's performance, manage your YouTube channel, and improve your website's search engine rankings, all without spending a dime. Whether you're a small business owner or a seasoned online marketer, our free online tools can help you succeed in today's competitive digital landscape. So why wait? Sign up for [Ranklyt](https://ranklyt.com/) today and start using our free online tools to take your online presence to the next level!

## Keyword-Density-Checker

Keyword density plays a significant role in search engine optimization (SEO) because it tells search engines how relevant a page is to a specific keyword or phrase. In simple terms, keyword density refers to the number of times a keyword or phrase appears on a webpage compared to the total number of words on the same page. By checking the [Keyword Density Checker](https://ranklyt.com/en/keyword-density-checker) of your website, you can determine if your content is optimized for search engines or if it's at risk of being flagged as keyword stuffing. To assist website owners and SEO professionals, Ranklyt has developed a free keyword density checker tool that provides valuable insights into how well your website is optimized for search engines.

## Adsense Calculator

Ranklyt's Adsense Calculator is a powerful tool designed to help you maximize your ad revenue. By inputting relevant data such as your website's traffic, click-through rate, and the average cost per click, the Adsense Calculator provides you with accurate projections and insights into your potential earnings. This invaluable information allows you to optimize your ad strategy, experiment with different scenarios, and make informed decisions to maximize your ad revenue and achieve financial success.

Ranklyt empowers you to unlock the potential of your website's advertising through its [Adsense Calculator](https://ranklyt.com/en/keyword-density-checker). By analyzing key metrics and providing valuable insights, this tool helps you understand the revenue-generating potential of your website's advertising efforts. Whether you're a website owner, blogger, or digital marketer, Ranklyt enables you to make data-driven decisions and optimize your advertising strategy for maximum results.
🚀 Elevate Your React Router Skills: The Ultimate Nuggets 🌐
Tags: javascript, webdev, programming, react
Published: 2023-09-13 16:09:28

With the following content understand the basic use of some of the major methods or hooks in React Router.

1️⃣ **BrowserRouter for Seamless Routing**: Start your journey with React Router by creating a BrowserRouter. It's the foundation for defining your application's routes, ensuring smooth navigation.

2️⃣ **Stylish Navigation Links**: Make your links stand out with elegance! Use the `<NavLink>` component and customize the 'isActive' class to highlight active links for an enhanced user experience.

3️⃣ **Error Handling with useRouteError**: Don't let errors go unnoticed. Employ `useRouteError` to capture and manage errors that may occur during route changes or navigation.

4️⃣ **Monitor Navigation State with useNavigation**: Stay in control of your navigation flow. Utilize `useNavigation` to track state changes, whether it's in a 'loading,' 'idle,' or 'submitting' state, and execute corresponding actions.

5️⃣ **Effortless Routing with useNavigate**: Master the art of route-switching using `useNavigate`. With a simple `navigate('/home')`, you can smoothly transition between different parts of your application.

6️⃣ **Data Handling with Response()**: When loading routes, stay organized with `Response()`. This function lets you access both data and status values, providing insights into the loading process.

7️⃣ **Data Fetching Made Easy**: Use `useLoaderData()` to effortlessly fetch data from your loader functions for the current route. And don't forget about `useRouteLoaderData("id")` to efficiently pass data to child routes.

8️⃣ **Retrieve Action Data with useActionData**: Bring back data from action functions to enhance your form components. `useActionData()` ensures that your forms stay up-to-date with the latest information.

9️⃣ **Event Handling with useFetcher**: Keep your users engaged without leaving the current page. `useFetcher()` lets you trigger actions or events while staying put.

🔄 **Defer Loading with Defer and <Await>**: Patience pays off! Use `defer({})` and `<Await>` to gracefully defer component rendering while you wait for data to load, improving the user experience.

🛠️ **Suspense for Fallback UI**: Embrace suspense with React Router! When waiting for events to load, employ `Suspense` to display a fallback UI, keeping your users engaged and informed.

Check out full description of these [here](https://reactrouter.com/en/main/start/tutorial).

#ReactRouterMastery #SmoothNavigation #WebDevPro 🚀🌐
Apple Lunched the iPhone 15 Series with USB-C Port
Published: 2023-09-13 16:07:13

Finally Apple launched the iPhone 15 and iPhone 15 Plus during its Wanderlust event on September 12. In order to meet with impending laws from the European Union, Apple announced last year that it would move to USB-C, and the iPhone 15 is now the first iPhone to do so.

The pricing of the iPhone 15 starts at $799 for a 128GB model, and the price of the iPhone 15 Plus is $899 for a 128GB model. Preorders for both will begin this Friday, and both will be accessible on September 22.

The Dynamic Island will be included with every model of the iPhone 15 as well. That pill-shaped notch, which offers a novel method to view some notifications and interact with apps, initially appeared on the iPhone 14 Pro and Pro Max. The OLED Super Retina display of the iPhone 15 is also 1,600 nits amazing and supports Dolby Vision content. In direct sunshine, this display’s highest brightness is 2,000 nits, so it’s twice as bright as the iPhone 14. Here are the full [specification of iPhone 15 and iPhone 15 Plus](https://techzpad.com/iphone-15-price-and-specifications).

This time, a 48-megapixel primary camera sensor is included in both phones. Recall that the twin 12-megapixel cameras of the iPhone 14 and iPhone 14 Plus had been upgraded. In light of this, the camera of the iPhone 15 and 15 Plus has significantly improved. Users will also receive a new 2x Telephoto option in addition to this. Additionally, according to Apple, the iPhone 15 and iPhone 15 Plus will capture better portraits and have improved night photography. Users will now have the option of changing a portrait’s focus point after the picture has been taken.
Testing Next.js 13 App Router architecture is... complicated
Tags: nextjs, next13, testing, react
Published: 2023-09-13 16:02:19

I've been trying to get back into coding daily and decided to start a side project using Next.js 13 new [**App Router**](https://nextjs.org/docs/app/building-your-application/routing#the-app-router) architecture — instead of the previous **Pages Router**.

The first red flag 🚩 I noticed was that there's no **Testing** documentation on the App Router docs. The second red flag 🚩 was that none of the examples in their GitHub repo, including the `with-jest` [template](https://github.com/vercel/next.js/tree/canary/examples/with-jest) updated in the first week of September 2023, has any examples of testing [React Server Components](https://nextjs.org/docs/app/building-your-application/rendering/server-components) which is the new paradigm the Vercel team is using in the **App Router** architecture.

When trying to test a RSC, React Testing Library throws an error `NEXT_RSC_ERR_CLIENT_IMPORT` as seen on this [issue](https://github.com/vercel/next.js/issues/47448) from May 2023. The Next.js team posted in early September 2023 that the canary version `v13.4.20-canary.16` fixes this error.

I've installed this canary version, and now the RSC I'm trying to test are returning `Objects are not valid as a React child (found: [object Promise])`. Yep, that's right: React Server Components can be async. They are safe to be async since they render on the server.

> If you want to know more about React Server Components, I recommend checking Josh Comeau's excellent post about it: https://www.joshwcomeau.com/react/server-components/

## Who isn't ready yet to test rendering async components? React Testing Library.

As more and more people jump in the Vercel hype train, RTL maintainers had to come with [workarounds](https://github.com/testing-library/react-testing-library/issues/1209#issuecomment-1569813305) to support that while they [try to reach the Vercel team](https://github.com/vercel/next.js/discussions/50479) to work together in a solution. Having an issue created in May 2023 without any response or emoji reaction from the Vercel team is unsettling.

The bottom line is that Vercel promoted to stable a "meta-framework" that comes short when handling unit testing coverage. I spent a day searching GitHub issues and connecting the dots from different repositories.

No one is warning developers about it or explicitly recommending creating or enhancing their end-to-end tests using Cypress or Playwright if they want to test their components. However, that's the solution maintainers are giving to their users.

## DX in detriment of quality?

What kind of message do meta-frameworks and libraries give to developers when they do such a thing? We already have non-semantic and inaccessible code propagated everywhere in docs, courses, and presentations.

We should worry about the code we put as a standard in our documentation and examples. Web semantics, accessibility, and testing should be part of the Definition of Done (DoD) of every code we write, not an afterthought.
Issue running an old project, site dont open on npm run dev
Tags: javascript, svelte, help, webdev
Published: 2023-09-13 15:49:37

It seems to be compiling fine, and starting the process without errors or warnings, but when I tried localhost:5000 or localhost:3000
I got a 500 error saying NS_ERROR_CONNECTION_REFUSED under windows.
I already tried disable cache, reinstalling node packages, checking if node is allowed in windows firewall.

Any clue?
Binary Numbers
Published: 2023-09-13 15:45:25

Hello, my name is Razmik, and today I will talk about binary numbers, how they work, and about operations that you can do with them.
Binary numbers are a way of counting using just two digits: 0 and 1. In binary numbers, each digit represents a power of 2. Computers use binary because their internal language is based on on/off switches, where 0 is off and 1 is on, it is similar to electricity. This binary language allows computers to make all their operations. 
Lets start from conversion, how to convert binary in decimal and vice versa.

For example you have number 17, lets convert it from decimal to binary.

17/2 = 8 with remainder 1,
8/2 = 4 with remainder 0,
4/2 = 2 with remainder 0,
2/2 = 1 with remainder 0,
1/2 = 0 with remainder 1.

Now, write down all the remainders from bottom to top to get the binary representation.


Lets convert the same number from binary to decimal.
Assign powers of 2 to each digit from right to left, starting with 0.
The number is 10001

2^0 * 1 = 1
2^1 * 0 = 0
2^2 * 0 = 0
2^3 * 0 = 0
2^4 * 1= 16

Multiply each digit in the binary number by the corresponding power of 2, and then sum up the results.
1 + 0 + 0 + 0 + 16
So, the decimal equivalent of the binary number 10001 is 17

Now lets check some binary operations:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tv8i6gms6i5ywmhvqznl.jpg)


Binary Addition:
Binary addition works much like decimal addition. We start from the rightmost bit and move to the left, carrying over when necessary. Remember, in binary, 1 + 1 equals 10 (just like how 1 + 1 equals 2 in decimal).
Here's an example:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m0x8ahc8eyv7r54msrpx.jpg)


Binary Subtraction:
Subtraction in binary is also similar to decimal subtraction. Borrowing occurs when the lower digit is larger than the upper digit. Here's an example:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/06thw89x4j4o30nt95es.jpg)


Binary Multiplication:
Multiplying binary numbers follows the same principles as decimal multiplication. We multiply each bit of the first number by each bit of the second, shifting the second number to the left for each digit of the first number. Then, we add the results together. Here's an example:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kxb0yahv39j74xsgtk0g.jpg)


Binary Division:
Binary division is a bit more complex, but the process is similar to decimal division. We repeatedly subtract the divisor from the dividend, shifting the quotient to the left each time until we can't subtract anymore. Here's an example:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u374r1kbx7o7wk9ilgdx.png)


Conclusion:
Binary arithmetic is essential in the world of computing, and understanding how to perform basic operations with binary numbers is fundamental for anyone interested in computer science or programming.See my other posts later on that page.
JWT Authentication For Flask With Flask-JWT-Extended (A 2-hour Crash Course)
Tags: webdev, python, api, apidevelopment
Published: 2023-09-13 15:37:02

Unlock the power of securing your Flask web applications using JSON Web Tokens (JWT) with this in-depth 2-hour crash course! With Flask-JWT-Extended as your toolkit, you'll become a pro at managing user authentication and authorization, safeguarding your web app's data effectively.

Flask-JWT-Extended goes beyond merely enabling JWT support in Flask for route protection. It introduces a wealth of valuable and optional functionalities that simplify the use of JWTs. These capabilities include the flexibility to tailor JSON Web Tokens with personalized claims and the effortless retrieval of user data using the "current_user" feature.
{%youtube aX-ayOb_Aho%}
Postgres Partitioning - Pg_partman vs. Hypertables
Published: 2023-09-13 15:32:17

In the world of #PostgreSQL, partitioning techniques are game-changers for optimizing dataset performance and maintenance. 📊 Two, in particular, dominate the arena: Timescale's hypertables (tailored for time-based/range partitioning) and the versatile pg_partman extension.

Are you Team Hypertables or Team pg_partman? 

Dive into this article to explore the strengths of each method, and tell us your preference!

[https://tsdb.co/partvshyp]
Verification and Validation in Quality Assurance
Published: 2023-09-13 15:27:22

Verification and Validation are two essential assurance processes that are used to ensure a product, service, or system meets its requirements and specifications and that it fulfills its intended purpose.

Verification Process includes checking documents, design, code, and program, Verification does not involve code Execution, Verification Uses methodss like reviews, walkthroughs, inspections, and desk-checking.

Validation Process  includes testing an validation of the actual product, Validation involved code Execution, Validation  uses methods like black box testing, white box testing, functional and non-functional testing.

Verification find the bugs early in the development cycle, Verification process targets software architecture, design, database, etc. It is done by QA team.

Validation finds the bugs that verification can not catch, Validation process targets the actual software product,Validation is done by the involvement of the testing team with QA Team

Verification process comes before validation, whereas valdation process comes after verificatio.
Step 1: What you WANT to know about REACT.js
Tags: beginners, react, tutorial, codenewbie
Published: 2023-09-13 15:13:04

**React.js**

What is it?

**It's a front-end javascript library that helps us build user interface (UIs) by employing reusable components**

---

FOR EXAMPLE

Let's say you're looking to build a city from scratch right? Now, to build a city you're going to need a few things. Let's say a park, some houses, a few skyscrapers, maybe a few pandas too from China etc;

(IT'S A WEIRD CITY, I KNOW!)

So:
- UI = Our City
- Reusable Components = Your individual park, house, skyscraper, panda components etc; etc;

---

**Components in this manner are just building blocks that we can either create and/or import to help build our overall UI!!**

![Shocked Face](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c4x1f5ux0viqwomwhbj9.jpg)


---

And if you're STILL in doubt and someone asks you what React is, then just say its lego blocks but for computers 🤣 - **hey, it worked for me!**
You're not missing out
Tags: webdev, javascript, bunjs, node
Published: 2023-09-13 14:28:59

Recently [Bun 1.0](https://bun.sh/blog/bun-v1.0) came out to much fanfare. And rightly so! It is a very ambitious project that aims to be a drop-in replacement for your JavaScript package manager, transpiler, bundler, testing library, and even NodeJS itself. While this is all indeed very exciting, and I am really interested to see how Bun grows and evolves, this is not the first time I've noticed everyone rush to try out the **new thing** in web development. I'm here to tell you that you don't need to do that. In fact, it can be a big determent to your project.

## The Temptation of FOMO
Whenever a new JS tool comes out, and I see all the bombastic articles being written about it, I start getting feeling the FOMO (Fear Of Missing Out). It seems like everyone else is jumping on this new cool bandwagon, and since I am not doing it **right away**, I might get left behind. But the truth is that this never happens, because all the early adopters usually end up being beta testers, breaking their apps/build systems by trying to fit the new shiny thing in their codebase.

## When to Experiment with New Tools
I'm not saying that you should never try anything new. But there is a time and a place for testing new tools out. Like hobby projects, or smaller/"younger" projects that have less dependencies to manage. Anything where you **can** move fast and break things, or where the impact of things breaking is low, should be fine to play around with and give new things a shot. However, if you have an enterprise level app with a bunch of people working on it, **please** do not rush to adopt the newest JavaScript thing that reached version x.0. 

## Prioritizing Stability in Enterprise Projects
Any major version jumps (like from 2.x to 3.0), usually contain a lot of breaking changes. Migrations like this can be a pain to do, but are usually necessary for security/compatibility reasons. I recommend setting up and using something like [dependabot](https://github.blog/2020-06-01-keep-all-your-packages-up-to-date-with-dependabot/), since it's very helpful in keeping things up to date.

In addition to that, in case of it being a new library (like finally reaching 1.0), it means that not many people are using it, and you probably won't find answers online to the issues you encounter specific to your project. **You will have a bad time, and your co-workers will dislike you when things inevitably break.**

## You're not missing out
In the ever-evolving world of web development, it's easy to get swept up in the excitement of new tools and frameworks. However, it's essential to remember that the race to adopt the latest and greatest doesn't always lead to success. Whether you're working on a hobby project or a massive enterprise application, take your time, carefully evaluate the impact of new tools, and prioritize the stability of your projects over the allure of the 'next big thing.' After all, **you're not missing out** – you're ensuring that your work stands the test of time.