teleren/devto huggingface dataset:
Day 924 : Feed the Fire
Tags: hiphop, code, coding, lifelongdev
Published: 2024-03-11 22:46:35

_liner notes_:
- Saturday : This was the first time back in the station and on air in a while! Felt good to be back. I think the time only doing the show online has helped me get the post show work done pretty quick. The recording of this week's show is at https://kNOwBETTERHIPHOP.com

![Radio show episode image of a photo of the DJ booth with a mixing board and 2 monitors with a WPRK neon sign that can be seen through the window with the words Mar 9th 2024 Things Done Changed](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h4dm2v13nwg0pzs8jh3y.jpg)

- Sunday : Did my study sessions. Actually got quite a bit done. Not sure if it was because of the time change and it was lighter later, but I made a lot of progress on my side project. I think the more daylight helps feed the fire in me to get work done. Before, I was getting super tired when it got dark so early.

- Professional : Pretty chill day. Responded to some community questions that came in over the weekend. Took a training. Worked on my blog post. Had a meeting. Got some clarity on a demo project I'm working on.

- Personal : I'm so close to getting this side project in a state that the local meetup group can try it out. I was able to add the functionalities they asked for when I first showed them in action.

![In the background of the picture, there is a large mountain range in Superstition Mountains, AZ, USA. The mountains are made of red and orange rocks, and they are very tall and steep. The sky is blue with a few white clouds in the distance. There is a desert floor in front of the mountains with cacti and other desert plants.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1qpbkmvneyfw52oda2cu.jpg)

Side note: I don't know why it took multiple tries to try and get the alt image generated. That's the thing with AI, it feels like it is never really consistent. Going to go through tracks for the radio show. For my side project, I want to update the framework that I used to make it, clean up some code, work on UIs for the dashboards and write up installation instructions. I'll see how far I can get. I haven't watched anime in a while. Maybe I'll do that tonight.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube fwBqV91TiEI %}
The Two-Tree Problem with Styling on the Web
Tags: webdev, html, css
Published: 2024-03-11 22:14:54

https://danielnagy.me/posts/Post_jt4adn0o5bnr

**TL;DR**

In this article, I discuss what I call the "two-tree problem" with styling modern web apps. The problem arises from the separation of structure and style.

I suggest that while CSS is a well-designed language for styling, the cascade and separation of styles from HTML may have been mistakes.

I then examine some popular styling libraries, including Emotion, Styled Components, Tailwind, and UI Box, assessing their effectiveness in addressing the two-tree problem.

I make a case for inline styles as a potential solution, emphasizing their simplicity. I acknowledge the limits of inline styles but suggest that these limits might not be significant issues for modern web development.
Unlocking Opportunities: Navigating the Path to a Life and Health Insurance License 2024
Published: 2024-03-11 22:05:05

Introduction: Embarking on a Journey of Empowerment
So, you’re considering diving into the world of insurance? Congratulations! You’re about to embark on a journey filled with opportunities for personal and professional growth. One of the first steps in this journey is obtaining your life and health insurance license. It’s not just a piece of paper; it’s a key that unlocks doors to a world where you can make a difference in people’s lives while building a rewarding career for yourself.

Understanding the Basics: What is a Life and Health Insurance License?
Let’s start with the basics. What exactly is a life and health insurance license? Simply put, it’s your ticket to legally sell life and health insurance policies. This license demonstrates that you have met the necessary requirements and possess the knowledge and skills to advise clients on their insurance needs, whether it’s securing their future with life insurance or safeguarding their health with comprehensive health coverage.
The Road Less Traveled: Why Pursue a Life and Health Insurance License?
You might be wondering, “Why should I pursue a life and health insurance license?” Well, the answer is simple: opportunity. In today’s uncertain world, insurance has become a vital aspect of financial planning for individuals and businesses alike. By obtaining your license, you position yourself as a trusted advisor who can guide clients through the complexities of insurance products, helping them protect what matters most to them.. [more read](http://proseplace.42web.io/unlocking-opportunities-life-health-insurance-license/)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/39e6eoq61e00gcnta5d8.jpg)
Add @Hotwire/Turbo to a Lucky Application
Tags: crystal, hotwire, lucky
Published: 2024-03-11 21:57:15

Lucky is a web framework for the Crystal programming language, inspired by the best lessons learned from Ruby on Rails.

The below steps outline how to enable Hotwire Turbo on a new Lucky Application.

(This tutorial assumes you already have an application in a working development environment on your own machine that you can run with the `lucky run` command.)

## Install Turbo

Before editing anything in your crystal application, you'll need to install the Turbo JavaScript library.

Navigate to your project's main directory (the same directory where `shard.yml` is located), and run

`yarn add @hotwired/turbo` 

or 

`npm install @hotwired/turbo`

(depends on your preferred method for adding third-party JavaScript libraries).

## Add Turbo to app.js

Open up the file `/src/js/app.js`. On a newline add:

```JavaScript
import * as Turbo from "@hotwired/turbo"; 
```

(Don't forget the semicolon! I know as a Crystal developer you're not used to that.)

## Test Installation

Launch your development server by navigating to your main project directory and running `lucky dev`.

Open up `localhost:3000` to any page with links on it.

With your browser open in one window and your terminal in the other, mouse over any hyperlink on your webpage. Each time your cursor touches a hyperlink to another page of your app, you should see your server receive a GET request.

![Screenshot of terminal loading GET Requests](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j7pwgif5ry2n2ywcwiry.png)

### Version Notes

This tutorial was made with `Crystal 1.11.2`, `Lucky 1.1.1`, and `@hotwired/turbo 8.0.4`.
Welcome to the Cloud
Tags: webdev, azure, javascript, beginners
Published: 2024-03-11 21:41:26


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2yqp0jy8plu401g2x1xb.jpg)
According to the O'Reilley 80% of software solutions live on the cloud and the number increases daily. But we are not here to follow the crowd so let's look at why your next application should be on the cloud. The advantages of deploying your next solution on the cloud are listed below:

1. The ease of setting up your infrastructure from a web portal
2. The pay-as-you-go Model: Reduced cost of deploying and running your applications over time.
3. Fewer requirements for IT professionals.
4. Flexibility and Scalability: Cloud computing solutions can scale up or down as your application needs. 
5. Data Redundancy: The ease in implementing data redundancy by having access to data centres across multiple locations

The list could go on and on. Join me as I start a series focused on tinkering with Azure Cloud.
Welcome halaman profile
Published: 2024-03-11 21:21:19


saya..........
🔭 I am a junior developer, and my name is Iven Lagowan
🌱 I'm learning (HTML, CSS, JS Laravel & Mobile Programming)
👯 I want to collaborate on a web banner regarding the world of web development
🤔 My intention and determination is to learn more deeply about the world of IT
💬 If you need it, you can contact or contact me (85254221251)🌏📞📱
📫 How to reach me: cuaocu@gmail.com
⚡ Interesting fact: I'm ready to help you!!!
🌏 Link website : https://profile-ivenlagowan.vercel.app/
TipKit
Tags: tipkit, swift
Published: 2024-04-11 08:34:02

---
title: TipKit
published: true
date: 2024-03-11 20:53:40 UTC
tags: TipKit,Swift
canonical_url: https://wesleydegroot.nl/blog/TipKit
---

Let's delve into the fascinating world of **TipKit** , a powerful framework that empowers developers to create and customize app tips.  
Whether you're aiming to introduce new features, reveal hidden functionalities, or enhance user productivity, TipKit has got you covered.

## **What Is TipKit?**

TipKit is a **framework** designed by Apple that enables you to seamlessly integrate **contextual tips** into your app.  
These tips serve as educational moments, guiding users toward discovering features they might not have stumbled upon organically.  
With TipKit, you can:

1. **Customize Appearance** : Tailor the look and feel of your tips to match your app's design.
2. **Define Content** : Craft engaging messages that highlight specific features or provide useful information.
3. **Control Eligibility** : Specify conditions for when tips should appear, ensuring they reach the right audience at the right time.

## **Creating Your First Tip**

Let's dive into creating a simple tip using SwiftUI.  
Imagine we want to highlight the "Save as a Favorite" feature in our app.

Here's how you can do it:

```swift
import SwiftUI
import TipKit

// Define your tip's content
struct TipKitTip: Tip {
    var title: Text {
        Text("Title")
    }
    var message: Text? {
        Text("Message")
    }
    var image: Image? {
        Image(systemName: "star")
    }
}

struct ContentView: View {
    // Create an instance of your tip
    var tipKitTip = TipKitTip()

    var body: some View {
        VStack {
            // Place the tip view near the feature you want to highlight
            TipView(tipKitTip, arrowEdge: .bottom)
            Image(systemName: "star")
                .imageScale(.large)
            Spacer()
        }
        .task {
            // Configure and load your tips at app launch
            try? Tips.configure([
                .displayFrequency(.immediate),
                .datastoreLocation(.applicationDefault)
            ])
        }
    }
}
```

[Download the sample code for Swift Playgrounds](https://wesleydegroot.nl/resources/TipKit.swiftpm.zip)

## **Best Practices for Using Tips**

- **Be Selective** : Use tips sparingly to highlight non-obvious features. Avoid overwhelming users with too many tips.
- **Avoid Overuse** : Don't display tips every time someone uses your app. They can become distracting.
- **No Guided Tours** : Tips are not meant for guiding users through your app step-by-step.
- **Effective Targeting** : Use eligibility rules and display frequency to ensure tips reach the right audience.

Remember, TipKit is a powerful tool, but like any tool, it's most effective when used thoughtfully.

Resources:

[https://developer.apple.com/documentation/TipKit](https://developer.apple.com/documentation/TipKit)
Lessons from open-source: Can you use "require" and "import" in the same file in NodeJs
Tags: javascript, node, nextjs, opensource
Published: 2024-03-11 20:48:12

This lesson is picked from [next.js/packages/next](https://github.com/vercel/next.js/blob/canary/packages/next/src/server/next.ts#L168). In this article, you will learn how Next.js uses require and import in the same file.

![require import example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9l2fqn9u1s6dpr27bveg.png)

I found it fascinating that "require" is used in the code, not at the top. We all usually do the import/require at the top of file.

> [Practice the exercises based on documentation](https://tthroo.com/) to become an expert in Next.js

Here are the imports from top of the file as shown below

![imports](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1osq996piozz2iprgnwq.png)

## Can you just mixup "import" and "require"?

I tried to set up a [simple nodejs project on codesandbox](https://codesandbox.io/p/devbox/priceless-grothendieck-zwxnfx) with import and require mixed up. Because it's good, you usually don't see imports done in the middle of a file.

> It's good. So good, it scratched that part of my mind. The part that doesn't allow good to exist without a condition. - Elliot (Mr.Robot)

## Some of the issues I faced:

### 1. Type: Module

```
(node:5176) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
(Use `node --trace-warnings ...` to show where the warning was created)
/workspaces/sandbox/src/index.js:1
import { logger } from "./utils";
^^^^^
```

![Codesandbox](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1jcr25lbvd2cqnmj6gr8.png)

Right, does adding "type": "module" in package.json fix it?

### 2. require is not defined in ES module scope

More errors, I like it, except this time it is a different error, this was fun. 

I did some research and but I found my answers in [next.js source code](https://github.com/vercel/next.js/blob/canary/packages/next/webpack.config.js)

## Webpack to the rescue

I found that next main points to "./dist/server/next.js". hmm, dist? right, this is where it occured to me that I should be looking for bundlers used and I found the [webpack.config.js](https://github.com/vercel/next.js/blob/canary/packages/next/webpack.config.js)

I immediately installed webpack and put my files inside src folder and did `npx webpack` and I have dist/main.js which I changed in my package.json

![compiled successfully](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lmlq9aqaovqwcb8ur2dy.png)

with that, I was able to compile and see my experimental logs appear.

## Conclusion:

Because I have never seen the usage of "require" and "import" in the same file, it was so good I had to set up a [codesandbox](https://codesandbox.io/p/devbox/priceless-grothendieck-zwxnfx?file=%2Fsrc%2Findex.js) to run these experiments and documented them in this article. 

It was so good, it scratched that part of my mind. The part that connects the dots and finds answers.
Amazon Textracts Overview
Tags: aws, cloud, ai, machinelearning
Published: 2024-03-11 20:45:00

Amazon Textract is used to **extract texts**, so, hence the name.
So you extract text, handwriting, or data from any scanned document and behind the scenes, of course, uses **AI** or **machine learning**.

So we have, for example, a driver license, and then we upload it into Amazon Textract, and then, automatically, will be analyzed, and the results will be given to you as a data file, and so you'll be able to, for example, extract the _date of birth_, _document ID_, and so on.

So you can extract any data, even from forms and tables, and you can read PDFs, images, and so on.

The use cases for extracting texts are multiple, but you could be for financial services to process _invoices_ or _financial reports_, could be for _healthcare_, for _medical records_, and _insurance claims_, or for the public sector, for example, for _tax forms_, _ID documents_, and _passports_.


[GitHub](https://github.com/a00ayad00)
[LinkedIn](https://www.linkedin.com/in/a00ayad00)
[Facebook](https://m.facebook.com/a00ayad00)
[Medium](https://a00ayad00.medium.com/)
.NET Controllers, Minimal API, or Fast Endpoints?
Tags: dotnet, csharp
Published: 2024-03-11 19:38:57

---
title: .NET Controllers, Minimal API, or Fast Endpoints?
published: true
description: Not sure whether your .NET API should use MVC, minimal API, or something else? Let's talk about the pro's and con's of each and compare them with Fast Endpoints as another alternative.
tags: dotnet, csharp
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o9jgqfmxn5yv2lhie85o.png
---

{%youtube 70jllnMbGTY %}
5 Game-Changing GitHub Repositories for Developers 🛠️🚀
Tags: programming, productivity, github, news
Published: 2024-03-11 19:30:00

In the massive world of programming and development, keeping up with the latest tools and resources can greatly boost your productivity.

Below are five GitHub repositories that could change your workflow incredibly and broaden your knowledge base:

***

## 1️⃣ Wing

A new programming language that lets you build apps in the cloud.

You can write your application code (let's say TypeScript-based) and cloud infrastructure together using Wing language.

Easy syntax like JavaScript.

🔗 http://github.com/winglang/wing
🔗 http://winglang.io

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

***

## 2️⃣ Ink

Ink provides the same component-based UI-building experience that React offers in the browser but for command-line apps.

🔗 https://github.com/vadimdemedes/ink

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

***

## 3️⃣ Generative AI for Beginners

A free generative AI course by Microsoft divided into 18 lessons. 

🔗 https://github.com/microsoft/generative-ai-for-beginners
🔗 https://microsoft.github.io/generative-ai-for-beginners/

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

***

## 4️⃣ React Suite

React Suite is a set of react component libraries for enterprise system products. It is a well-thought-out and developer-friendly UI framework.

🔗 https://github.com/rsuite/rsuite
🔗 https://rsuitejs.com/

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

***

## 5️⃣ SaaS Boilerplate

Open Source and free SaaS stack that lets you build SaaS products faster.

Ready to use code:

- Auth
- Notifications
- emails
- Payments and subscriptions
- CMS
- Admin panel
- CRUD generators

🔗 https://github.com/apptension/saas-boilerplate
🔗 https://www.apptension.com/saas-boilerplate

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

***

## 🙌 Final Thoughts

From cloud-based app development to an advanced AI course, these tools and resources can bring you countless opportunities.

Everyone has something to learn from here.

So dive in, and try it out today!

Remember, it's all about learning in the end.

I hope you liked the article! ❤️

Connect with me: [linktree](https://linktr.ee/ArjunCodess/)

Happy Coding! 🚀
Thanks for 20006! 🤗
The Ugly of Agile
Tags: agileinsights, agilechallenges, softwareinnovation
Published: 2024-03-11 19:28:48

Join us to hear Dr. Bertrand Meyer uncover the challenges and pitfalls often overlooked in Agile practices, from the undervaluing of upfront planning to the reliance on user stories and the practical difficulties of continuous customer involvement. This thought-provoking session is essential for those looking to critically assess and improve outcomes of their Agile approach.

{% youtube Xi4WG-FVT6Q %}
The Hype of Agile
Tags: agileinsights, agilechallenges, softwareinnovation
Published: 2024-03-11 19:27:08

Join us in exploring the often overlooked complexities of Agile practices with Dr. Bertrand Meyer. Dr. Meyer critically evaluates popular Agile concepts like pair programming, open space environments, and self-organizing teams, detailing the practical challenges they pose. This enlightening video is a must-watch for professionals seeking a deeper understanding of Agile's real-world implications and the gap between theory and practice. Join our engaging conversation to sharpen your methods and elevate your software engineering results.


{% youtube 0XHwmxgoBTI %}
The Good of Agile
Tags: agileinsights, agilechallenges, softwareinnovation
Published: 2024-03-11 19:24:39

Join us to delve into Dr. Bertrand Meyer's presentation on the nine Agile practices that have enhanced software project outcomes, offering a significant improvement over traditional Waterfall methods. This session is ideal for anyone interested in the transformative effects of Agile methodologies on software organizations since 2001.

{% youtube Oo-tmrSVdB0 %}
Navigating the Currents of Internet Advancement: Benefits, Drawbacks, and Future Projections
Tags: webdev, benefits, 5g, drawbacks
Published: 2024-03-11 19:18:44

In the digital era, the Internet stands as the cornerstone of modern society, shaping how we communicate, work, learn, and entertain ourselves. Its evolution has been rapid and transformative, ushering in unprecedented connectivity and convenience. However, this progress hasn’t come without its share of challenges and complexities. Let’s delve into the multifaceted landscape of internet advancement, exploring its myriad benefits, drawbacks, and the potential future effects it may bring.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cl5ism4se9k2atqi0ufk.png)
Benefits of Internet Advancement:

1. Global Connectivity : The internet has bridged geographical barriers, enabling instant communication and collaboration across the globe. Whether it’s through social media platforms, email, or video conferencing, people can connect with others regardless of distance, fostering cultural exchange and understanding.

2. Information Accessibility : Never before has humanity had such easy [access to a wealth of information](https://fastwayconnect.com/). From academic research to DIY tutorials, the internet serves as an inexhaustible repository of knowledge, empowering individuals to learn and grow at their own pace.

3. Economic Opportunities : E-commerce has revolutionized the way businesses operate, providing a platform for entrepreneurs to reach a global audience with minimal overhead costs. The gig economy, fueled by platforms like Uber and Airbnb, has created new avenues for employment and income generation.

4. Innovation and Creativity : The internet has become a breeding ground for innovation, facilitating the rapid exchange of ideas and collaboration among diverse communities. Crowdsourcing platforms and open-source initiatives have democratized innovation, allowing anyone with an internet connection to contribute to groundbreaking projects.

5. Entertainment and Recreation : [Streaming services](https://fastwayconnect.com/), online gaming, and social media offer endless entertainment options, catering to diverse interests and preferences. The internet has democratized entertainment, giving rise to a myriad of content creators and niche communities.
Save AWS IPv4 Charges
Tags: aws, cloud, webdev, startup
Published: 2024-03-11 19:17:36

The recent introduction of hourly charges for public IPv4 addresses on AWS has thrown many users into a cost-saving frenzy. While the initial panic subsides, a strategic shift towards private subnets emerges as a powerful weapon in the fight against rising costs. This article serves as your guide to migrating your resources to private subnets, unlocking significant savings and optimizing your AWS environment.


**Why Private Subnets?**

Public IPv4 addresses are like prime real estate in the digital world – expensive and limited. Private subnets, on the other hand, offer a spacious and cost-effective alternative. Resources within a private subnet have private IP addresses, shielded from the public internet by a NAT Gateway. This allows internal communication while minimizing the need for costly public IPs.

**Benefits of Migration:**

- **Reduced Cost**: Slash your public IPv4 usage by relocating resources to private subnets, significantly impacting your AWS bill.
- **Enhanced Security**: Private subnets create an additional layer of security, restricting access to resources from the public internet.
- **Improved Scalability**: Private subnets allow for easier scaling of your infrastructure without worrying about public IP limitations.


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

Migration Roadmap: [Check step-by-step guide to migrate on private subnet](https://codesolutionshub.com/2024/02/16/migrating-to-private-subnets-save-aws-ipv4-charges/)