teleren/devto huggingface dataset:
Transform Your Business with TechnBrains: Android App Development Services
Published: 2023-12-08 16:22:30

Unlock the potential of your business with TechnBrains, your go-to partner for cutting-edge Android app development services. Our seasoned developers bring innovation to every line of code, crafting bespoke solutions tailored to your unique needs. From sleek and intuitive user interfaces to robust backend systems, we ensure your app stands out in the crowded digital landscape.

✅ Custom Android App Development 
✅ Seamless User Experiences
✅ Scalable and Efficient Solutions 
✅ Expert Guidance at Every Step

Boost your brand, engage your audience, and stay ahead of the competition with TechnBrains. Elevate your business through unparalleled [Android app development](https://www.technbrains.com/mobile-application/android-app-development/) expertise. Contact us today for a consultation and let's turn your vision into a digital reality!
useEffect is not working in production
Tags: react, nextjs, javascript, programming
Published: 2023-12-08 16:18:19

The useEffect does not run at all in the production env. Its works fine in the dev env

**the code:
**

```
"use client"

import axios from 'axios';
import React, { useState, useEffect } from 'react';
import PostList from '@/components/ui/list/PostList';
import { Post, PostsResponse } from '@/utils/types';

const Categories = () => {
    const [selectedCategory, setSelectedCategory] = useState<string>('nextjs');
    const [posts, setPosts] = useState<Post[]>([]);
    console.log("first", selectedCategory)
    console.log("posts", posts)


    const fetchPosts = async () => {
        try {
            const response = await axios.get<PostsResponse>(
                selectedCategory
                    ? `http://localhost:3000/api/posts?cat=${selectedCategory}`
                    : 'http://localhost:3000/api/posts'
            );
            console.log("res", response)
            setPosts(response.data.posts);
        } catch (error) {
            console.error('Error fetching posts:', error);
        }
    };
    useEffect(() => {

        fetchPosts();
    }, [selectedCategory])


    const categories: string[] = [
        "nextjs",
        "react",
        "redux",
        "typescript",
        "javascript"
    ];

    const handleCategoryClick = (category: string) => {
        setSelectedCategory(category);
    };

    return (
        <div className='flex flex-col justify-center gap-10 mt-10 mx-auto '>
            <h2 className='text-3xl font-bold tracking-wider'>Categories</h2>
            <div className='flex flex-col md:flex-row gap-4 w-full'>
                {categories.map((text, index) => (
                    <button
                        key={index}
                        className={`flex overflow-hidden justify-center items-center gap-4 border-2 text-xl font-medium shadow-xl bg-card py-3 px-6 rounded-lg cursor-pointer hover:shadow-sm hover:scale-105 transition-shadow duration-300 capitalize
              ${selectedCategory === text ? 'text-purple-500 boder-2 border-purple-500' : ''}`}
                        onClick={() => handleCategoryClick(text)}
                    >
                        {text}
                    </button>
                ))}
            </div>
            <div className='grid grid-cols-12 gap-4'>
                {posts.map((post: Post) => (
                    <PostList key={post.id} post={post} />
                ))}
            </div>
        </div>
    );
};

export default Categories;
```
Desvendando o Projeto de Software na Engenharia de Software
Tags: softwareengineering, webdev, beginners
Published: 2023-12-08 16:18:03

Na engenharia de software, um projeto de software é um guia essencial que delineia como um programa de computador será concebido, desenvolvido e implementado. Assim como um plano arquitetônico para a construção de uma casa, o projeto de software fornece uma visão detalhada das partes essenciais do programa, suas interações e como ele atenderá às necessidades dos usuários.

### O que é um Projeto de Software?

Imagine construir uma casa sem um plano. Pode ser desafiador, certo? O mesmo princípio se aplica ao desenvolvimento de software. Antes que os programadores comecem a escrever o código, é crucial ter um projeto que defina o que o software fará, como será estruturado e como os diferentes componentes se conectarão.

### Componentes-Chave de um Projeto de Software

1. **Objetivos do Projeto:**
   O projeto de software começa estabelecendo claramente os objetivos a serem alcançados. Isso pode incluir resolver um problema específico, melhorar a eficiência de um processo ou criar uma nova funcionalidade.

2. **Arquitetura do Software:**
   Similar ao layout de uma casa, a arquitetura do software descreve a estrutura geral do programa. Define quais partes existirão, como se relacionarão entre si e como os dados fluirão.

3. **Usuários e Interação:**
   Considera-se quem usará o software e como eles interagirão com ele. Essa parte do projeto visa criar uma experiência amigável e eficaz para os usuários finais.

### A Importância do Projeto de Software

1. **Consistência e Compreensão:**
   O projeto serve como uma referência unificada para toda a equipe de desenvolvimento, garantindo que todos entendam o que está sendo construído e por quê. Isso reduz mal-entendidos e conflitos durante o processo.

2. **Ajustes Contínuos:**
   Ao longo do desenvolvimento, o projeto é revisado e ajustado conforme necessário. Isso permite flexibilidade para incorporar novas ideias ou lidar com desafios inesperados.

3. **Foco e Eficiência:**
   O projeto mantém a equipe focada nos objetivos, evitando desvios desnecessários. Ele é uma bússola que orienta o desenvolvimento de maneira eficiente.

### Conclusão: Construindo com Precisão

Assim como um arquiteto planeja cada detalhe de uma construção, o projeto de software é a espinha dorsal do desenvolvimento de programas de computador. Ele assegura que todos os envolvidos estejam na mesma página, trabalhando na direção certa para criar um software que atenda às necessidades específicas dos usuários.

Em resumo, o projeto de software é mais do que um simples plano. É a pedra fundamental para o sucesso, garantindo que o desenvolvimento ocorra com precisão, eficiência e, acima de tudo, atendendo às expectativas dos usuários finais.
Exploring the Latest in React.js: A 2024 Overview
Published: 2023-12-08 16:08:57

**Introduction:**
React.js, the JavaScript library developed by Facebook, continues to evolve, bringing new features and improvements to web development. In this blog post, we'll explore the latest developments in React.js as of 2024.

**1. React 18: Concurrent Mode and Suspense Updates:**
React 18 has introduced exciting features like Concurrent Mode and Suspense improvements. Concurrent Mode allows React to work on multiple tasks simultaneously, providing smoother user experiences. With Suspense updates, developers can better control data fetching and manage loading states, enhancing the overall performance of React applications.

**2. Server Components:**
One of the most anticipated additions to React is the concept of Server Components. This innovative feature allows developers to write components that render on the server, reducing the amount of JavaScript sent to the client and improving initial loading times. Server Components open up new possibilities for efficient and scalable web applications.

**3. React Query for Data Fetching:**
React Query has gained popularity as a powerful tool for managing data fetching in React applications. With its simple API and built-in caching mechanisms, React Query simplifies state management and ensures efficient data fetching, contributing to a more maintainable codebase.

**4. Improved DevTools for Better Debugging:**
React DevTools have received updates to enhance the debugging experience for developers. The improved DevTools provide more insights into component lifecycles, state changes, and performance optimizations, making it easier to identify and fix issues in React applications.

**5. Concurrent Rendering in React Native:**
React Native developers can rejoice as React 18 brings Concurrent Rendering to mobile development. This feature enhances the responsiveness of React Native apps by allowing multiple tasks to be performed concurrently, leading to a more fluid user interface.

**6. TypeScript Integration:**
TypeScript continues to gain popularity in the React ecosystem. React 18 has strengthened its compatibility with TypeScript, making it easier for developers to leverage the benefits of static typing and improved code quality in their React projects.

**Conclusion:**
React.js remains at the forefront of web development, continually evolving to meet the demands of modern applications. With features like Concurrent Mode, Server Components, and improved tooling, React 18 introduces exciting possibilities for developers. Embracing these advancements will not only enhance the performance of React applications but also contribute to a more enjoyable development experience.

Stay tuned for more updates as React.js continues to shape the future of front-end development!
How I Built an AI-Powered Resume Tool in Less Than 24 Hours
Published: 2023-12-08 15:59:16

Hey Dev.to community! 👋

I want to share a crazy challenge I set for myself last night: to build and launch a product in 24 hours. Spoiler alert: I did it, and I'm super excited to introduce what I created!
![ResumeRanker.io](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/twuu8cn9qyp5ishd3z76.png)
![ResumeRanker.io](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xx881bhx6w5vqxmtwe6q.png)

So, let's talk about job hunting. We've all been there, right? You find a job that seems perfect, you send in your resume, and then... silence. Or, even worse, an automated rejection email. It's frustrating, especially knowing you have the skills and experience.

That's exactly why I built ResumeRanker.io. It's an AI tool designed specifically for job seekers navigating today's ultra-competitive market.

Here's the deal: ResumeRanker isn't just another job tool. It's your personal resume analyst. How does it work? Simple! You upload your resume, and then ResumeRanker compares it against the job description you're eyeing. But that's not all – it also scores your resume and gives you actionable tips to enhance it. Think of it like having a career coach in your pocket, one who knows exactly how those pesky ATS (Applicant Tracking Systems) think.

I believe your resume is more than just a document; it's your ticket to new opportunities. And with ResumeRanker, you're not just sending out a resume; you're making a first impression that counts.

I'm thrilled to invite the Dev.to community to try out ResumeRanker.io. Whether you're actively job hunting or just curious to see how your resume stacks up, I'd love to hear your thoughts.

Here's to making job applications a little less painful and a lot more hopeful!

I'd appreciate your feedback and thoughts. Let's start a conversation below!

#CareerDevelopment #ResumeTips #AI #ProductLaunch #DevCommunity
Join the squad with a .lol domain 🫶
Published: 2023-12-08 15:37:06

Register a new [lol domain](https://nic.lol) today! Here are some great examples for inspiration.

# [htmx.lol](https://htmx.lol)
# [vercel.lol](https://vercel.lol)
# [frick.lol](https://frick.lol)
# [fuku.lol](https://fuku.lol)
# [npm.lol](https://npm.lol)
# [ratelimited.lol](https://ratelimited.lol)
# [getgood.lol](https://getgood.lol)
# [theculture.lol](https://theculture.lol)

I will continually update this list with new ones I find. Feel free to drop your amazing .lol domains in the comments.
Upgrade Your Culinary Adventure: Uncover Magnificent Eating with Prepeat Chef Services
Published: 2023-12-08 15:30:36

Embark on a culinary adventure with [**Prepeat Chef Services**](https://prepeat.in/homemaker), your passport to exquisite dining experiences. Whether you're craving a gourmet meal or hosting a special occasion, **[Prepeat Chef Services](https://prepeat.in/laundry)** connects you with talented chefs who redefine your gastronomic expectations. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xh27jb2bo36dnpcphpx8.png)
When you're in search of culinary expertise,**[ Prepeat Chef Services ](https://prepeat.in/)**offers the perfect solution. **[Find a local cook ](https://prepeat.in/tiffin)**with the skills to create personalized, restaurant-quality meals in the comfort of your own home. Whether it's a casual dinner or a festive celebration, **[Prepeat Chef Services ](https://prepeat.in/chef)**ensures that your dining experience is nothing short of exceptional.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n9l9cx1pilp5i92l02jb.png)
Discover the convenience of Prepeat Chef Services as you**[ find a local cook](https://prepeat.in/)** who aligns with your culinary preferences. Browse through a diverse selection of chefs on their platform, each ready to turn your kitchen into a culinary haven. **Prepeat Chef Services** brings the artistry of fine dining right to your doorstep, allowing you to savor delicious meals without the hassle of preparation.
Bid farewell to the ordinary and welcome the extraordinary – find a local cook through **Prepeat Chef Services** and elevate your dining experience. From everyday meals to special occasions, let the culinary expertise of **[Prepeat Chef Services ](https://prepeat.in/pricing)**transform your kitchen into a place of gourmet delight.
C# - Extended Property Patterns
Tags: csharp, programming, beginners, tutorial
Published: 2023-12-08 15:30:00

C# 10.0 introduced extended property patterns, enhancing the capabilities of pattern matching introduced in earlier versions. This feature allows for more concise and readable patterns, especially when dealing with complex types or nested objects.

Here’s how you can utilize extended property patterns in C#:

1. **Simplify Nested Property Patterns:**
   With extended property patterns, you can directly reference nested properties in a pattern without the need for additional braces, making your patterns cleaner and more straightforward.

2. **Combine with Other Pattern Matching Features:**
   These patterns can be combined with other pattern-matching features like positional patterns, var patterns, and logical patterns for powerful and expressive data querying.

Example:

```csharp
public class Address
{
    public string City { get; set; }
    public string Country { get; set; }
}

public class Person
{
    public string Name { get; set; }
    public Address Address { get; set; }
}

public static string GetPersonInfo(Person person) =>
    person switch
    {
        { Address.City: "New York", Address.Country: "USA" } => $"{person.Name} lives in New York, USA",
        { Address.Country: "Canada" } => $"{person.Name} lives in Canada",
        _ => "Location unknown"
    };

public static void Main()
{
    var person = new Person { Name = "Alice", Address = new Address { City = "New York", Country = "USA" } };
    Console.WriteLine(GetPersonInfo(person)); // Output: Alice lives in New York, USA
}
```

In this example, the `GetPersonInfo` method uses extended property patterns to check the `City` and `Country` of a `Person`'s `Address`. This approach reduces the verbosity and increases the readability of pattern matching, especially when dealing with nested properties.

Extended property patterns are a valuable addition to the pattern-matching toolbox in C#, making it easier and more intuitive to query and destructure complex data structures.
🔮 SuperDuperDB is #3 on GitHub Trending globally! 🥉
Tags: python, ai, machinelearning, database
Published: 2023-12-08 15:20:47

We have just launched our open-source framework SuperDuperDB on Tuesday which is **trending in the top 10 globally on GitHub for the second time in a row, today at #3**.

This is a great testament that other developers also see the pain points of complex MLOps pipelines, specialized vector databases, and the need to move your data all over the place when building AI applications. A big thank you to the community for sharing in our vision and supporting #SuperDuperDB

> **SuperDuperDB is an open-source Python framework to integrates AI and vector search with major enterprise databases**. By integrating AI at the data’s source SuperDuperDB massively simplifies building and managing AI applications, eliminating complex MLOps pipelines, specialized vector databases - and the need to migrate and duplicate data.

[VentureBeat already covered the launch](https://venturebeat.com/ai/open-source-superduperdb-brings-ai-into-enterprise-databases/)
[This is our website](https://www.superduperdb.com/)
[This is our main GitHub repository](https://github.com/SuperDuperDB/superduperdb)
How to use MagicAnimate to create videos with custom motion
Tags: magicanimate, densepose, googlecolab
Published: 2023-12-08 15:16:59

I created a custom motion and created a mechanism to create a video using [MagicAnimate](https://showlab.github.io/magicanimate/) with my original motion.

Because I was using MagicAnimate with Google Colab, inevitably this mechanism was designed to work on Google Colab.

The tools to make these wishes come true have already been created, and I was able to make this happen with the help of these wonderful people and their tools!

The source code (Colab notebook) can be found here.

[MagicAnimateCraft with Colab](https://github.com/shinshin86/magic-animate-craft-with-colab)

Please refer to the README for details on how to use the system.

I was able to move Mona Lisa freely by using this. It can be unstable in some situations, though, haha!


![Mona Lisa peace sign](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tk3ekae562simrf2f4jf.png)

Please try to play with this, too!
synapse pyspark delta lake merge scd type2 without primary key
Published: 2023-12-08 15:06:57

**Problem
**
I have a set of rows coming from previous process which has no primary key, and the composite keys are bound to change which are not a good case for composite key, only way the rows are unique is the whole row( including all keys and all values).  I need to implement the SCD type2 on this data. The environment is Synapse pyspark, using delta lake Merge command and more.

**how I tried**
Using row hash: In this case the challenge without primary/composite key is to find which rows have changed/updated. With any updated values the row hash is changing and resulting into new row.

please suggest how this problem can be solved.  If you have any questions on this, please write back.
Buy TextNow Accounts
Tags: webdev, javascript, programming, beginners
Published: 2023-12-08 14:59:24

Are you looking for [TextNow ](https://verifybuyvcc.com/product/buy-textnow-accounts/
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m9y9jqygsfgkeeufck2n.jpg))accounts for your business? Then, you have hit the right place. We can provide you with TextNow Accounts at a very reasonable price. If you are interested, about more information just knock us100% Satisfaction Guaranteed
100% Recovery Guaranty
Phone Verified Accounts and Active Profiles
24/7 Customer Support
High-Quality Service
Very Cheap Price
Money-Back Guarantee
So, Order now buy TextNow  accounts from SeoShopUsa
Verified TextNow accounts are bought from seoshopusa. The accounts are purchased and sold through us. All accounts have been 100% verified and have a screen shot of the person who verifies them.
➤Email: verifybuyvcce@gmail.com 
➤skype: verifybuyvcc 
➤Telegram: @verifybuyvcc 
➤WhatsApp:  +1 (512) 588-3591
Changelog: Updating the Stats Page
Tags: changelog, meta
Published: 2023-12-08 14:55:22

We're working on several significant feature improvements here at DEV, including making the feed more relevant, empowering non-English speaking communities to thrive, and encouraging more discussion in comments.

However, these are all larger tasks, and it can take time to see progress in these areas. Determined to continue delivering more minor improvements to the community, we recently had a mini internal hackathon, looking at where we could improve our community in a single day.

Building up your audience in DEV is essential for aspiring authors who want to find their voice. However, it's not always clear who engages with your content most. Given this issue, we directed our attention to the `<post>/stats` page, which provides authors with critical data about how their post performs, including engagement over time and external sites pointing people to their content.

We've now updated this page to include a list of users who have reacted to their content. Likes and reactions are always private externally - I can't see that you've liked another author's post, but they provide vital feedback to authors on who is engaging with their content. These are sent as ephemeral notifications, but now this list is permanently accessible on each post's stats page.

<figure>

![A screenshot of the new list of reactions on the post stats page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/im7g5d1ay1hms3uapcyy.png)
<figcaption>Names have been changed to protect the innocent</figcaption>
</figure>

<p>&nbsp;</p>

To see it, click on the "Stats" link on a post in [your dashboard](https://dev.to/dashboard) or append `/stats` to any of your posts on DEV.

Do you have any more ideas for the stats page or want to know something specific about your audience? Let us know in the comments below!