teleren/devto huggingface dataset:
What is Generative AI? [The Simplest Explanation]
Tags: ai, chatgpt, deeplearning, machinelearning
Published: 2023-07-06 03:51:15

In the exciting field of artificial intelligence, there's something called generative AI that's all about creating new things. It uses computers to learn patterns and examples from existing stuff, like **images, music, and text**. Then, it uses that learning to make new things that look and sound similar to what it learned.

### What is Generative AI?
Generative AI is about training computers to learn from data and make new stuff based on what they learned. For example, if we show a computer lots of pictures of cats, it can learn what cats look like and then create new pictures of cats that it's never seen before. It's like teaching a computer to be creative, almost like a human.

> **Check 👉 [8 Best Generative AI Courses Online](https://www.mltut.com/best-generative-ai-courses/)**

### Applications of Generative AI:
Generative AI has many uses in different areas, like art, music, design, and research. Here are a few examples:

- **Image Generation**: Computers can learn from lots of pictures and then make new ones that look real. They can create faces, landscapes, and even artwork that looks like something a person made.
- **Text Generation**: Computers can also write text that makes sense based on what they learned. For example, if you give them a sentence, they can continue it with more words that sound natural. It's like having a computer assistant for writing.
- **Music Composition**: Generative AI can help compose music. Computers can learn from many songs and then create new music in different styles. It's like having a computer that can make its own songs.
- **Design and Creativity**: Computers can help designers by learning from existing designs and then suggesting new ideas or improvements. They can create new designs based on what they've learned, giving designers more options.

### Benefits and Challenges:
Generative AI has many advantages. It can inspire creativity, help with content creation, and open up new possibilities. But there are also challenges. We need to make sure the computer-generated content is good and not biased. People need to keep an eye on what the computer is creating to make sure it's what we want.

### The Future of Generative AI:
_In the future, generative AI will keep improving. Computers will become even better at creating new things. With more powerful technology and smarter models, generative AI will change creative industries and how we work with computers._

> **Check 👉 [8 Best Generative AI Courses Online](https://www.mltut.com/best-generative-ai-courses/)**

### Conclusion:
Generative AI is an exciting part of artificial intelligence that lets computers be creative. It can create new images, music, and text that look and sound real. While there are challenges, the benefits and possibilities of generative AI are huge. As we continue to explore this field, we'll see more amazing things that computers can do to help us be even more creative and imaginative.
Code for Google sheets automatically update data by copy - search - paste
Published: 2023-07-06 03:50:55

{% stackoverflow 76622231 %}
I have a Sheet name is : Data staff. And another sheet name is : Update Staff. All 2 sheets have same headers (ID staff, Name, Status, Day onboard, Day left, .v.v.), which sheet "Update Staff" use for review information and update status by paste a Staff ID and all rows data will lookup by Staff ID. Below line have the same field so i can update data for this staff above like (Status : Working or Leave, Day left, v.v.v) I need a automatic run when i typing update information for staff in sheet "Update Staff" and press update. It will search and go to lines have [Staff ID] and paste all data i just typing on "Update Staff" sheet to correct line in sheet "Data Staff" I use macro record but when i run it, i found it not correctly. Because when it can't find and go to line [Staff ID] to paste. Or if i use filter to find and update, it only use [Staff ID] i was recorded macro to use so althought i change staff id on sheet "Update Staff" it always update to line have old "Staff ID" when i recorded macro.

I use macro record but when i run it, i found it not correctly. Because when it can't find and go to line [Staff ID] to paste. Or if i use filter to find and update, it only use "Staff ID" i was recorded macro to use so althought i change staff id on sheet "Update Staff" it always update to line have old "Staff ID" when i recorded macro. I check Macro source and found, it not paste a new "Staff ID" to filter to find a Staff. It just hide all data in column have. So only 1 "Staff ID" which recorded before not in this hidden list and result always is this "Staff ID" Heare is macro source: `

function filter() {var spreadsheet = SpreadsheetApp.getActive(); spreadsheet.getRange('A2').activate(); spreadsheet.setActiveSheet(spreadsheet.getSheetByName('Staff Data '), true); spreadsheet.getRange('A2').activate(); var criteria = SpreadsheetApp.newFilterCriteria() .setHiddenValues(['MIE2021011128951', 'MIE2021020717643', 'MIE2021020717807', 'MIE2021020717829', 'MIE2021020717836', 'MIE2021020717950', 'MIE2021020717959', 'MIE2021020717962',

My sheet for Dev:
https://docs.google.com/spreadsheets/d/1XLYYSVTfCqxzh8uLqUXnZw5hiJ0yi0RQpx2d0Et0-90/edit?usp=sharing
Daxus - A New Server State Management Library for React
Tags: react, webdev, javascript, typescript
Published: 2023-07-06 03:38:21

Previously, I named the package [React Server Model](https://dev.to/jason89521/react-server-model-rsm-v030-is-released-4pk8), but I wasn't quite satisfied with the name. The reason is that it's not unique enough and can easily be confused with React Server Component. Now, I have renamed it to "Daxus," which is a combination of "data" and "nexus." I'm very happy with this name because it's distinctive enough.

[Daxus](https://github.com/jason89521/daxus) is a React server state management package that emphasizes giving developers complete control over their data. If you need to establish a single source of truth, Daxus would be a great choice.

|                             | `Daxus` | `React Query` | `Redux With Async Thunk` |
| --------------------------- | :-----: | :-----------: | :----------------------: |
| Customizable data structure |   ✅    |      ❌       |            ✅            |
| Dedupe                      |   ✅    |      ✅       |            ❌            |
| Revalidate on focus         |   ✅    |      ✅       |            ❌            |
| Revalidate on reconnect     |   ✅    |      ✅       |            ❌            |
| Revalidate if stale         |   ✅    |      ✅       |            ❌            |
| Polling                     |   ✅    |      ✅       |            ❌            |
| Error retry                 |   ✅    |      ✅       |            ❌            |
| Invalidate queries          |   ✅    |      ✅       |            ❌            |
| Mutation                    |   ✅    |      ✅       |            ✅            |
| Conditional fetching        |   ✅    |      ✅       |            ❌            |
| DevTool                     |   ❌    |      ✅       |            ✅            |

If you find this project interesting, please leave your star. It would be a tremendous encouragement for me. Thank you. Here is the repo of Daxus: https://github.com/jason89521/daxus
Using WebAssembly with Python
Published: 2023-07-06 03:33:39

Here's a simple example of using WebAssembly (Wasm) with Python:

Create a simple Wasm module using a language like C or Rust. For this example, let's use a C program that calculates the square of a number:

```
// square.c

int square(int num) {
    return num * num;
}
```

Compile the C code into a Wasm module using Emscripten or another suitable compiler:

```
emcc square.c -o square.wasm
```

Now, let's use Python to load and run the Wasm module. Install the wasmtime Python package, which provides a runtime for executing Wasm modules:

```
pip install wasmtime
```

Write a Python script that loads and executes the Wasm module:


```
# main.py

import wasmtime

# Load the Wasm module
wasm_module = wasmtime.Module.from_file("square.wasm")

# Create an instance of the module
instance = wasmtime.Instance(wasm_module)

# Get a reference to the exported function
square_func = instance.exports.square

# Call the function and print the result
result = square_func(5)
print("Square of 5:", result)
```

Run the Python script to see the output:

```
python main.py
```

The output will be:

```
Square of 5: 25
```

In this example, we compiled a C program into a Wasm module and used the wasmtime Python package to load and execute the module. This demonstrates the integration of Wasm with Python, allowing you to leverage the capabilities of other programming languages within your Python applications.

## Containerising Wasm + Python

To containerize the Wasm + Python example, we can use Docker. Here's how you can create a Dockerfile to package the application:

Create a file named Dockerfile (without any file extension) in the same directory as your Python script and Wasm module.

Open the Dockerfile and add the following content:

```
# Use a Python base image
FROM python:3.9

# Set the working directory inside the container
WORKDIR /app

# Copy the Python script and Wasm module into the container
COPY main.py square.wasm ./

# Install the required Python packages
RUN pip install wasmtime

# Run the Python script
CMD ["python", "main.py"]
```

Save the Dockerfile.

Open a terminal or command prompt, navigate to the directory containing the Dockerfile and other files, and build the Docker image:

```
docker build -t wasm-python-example .
```

After the image is built successfully, you can run a container based on the image:

```
docker run wasm-python-example
```
Emerging trends in Technical Writing
Tags: ai, writing
Published: 2023-07-06 03:24:37

With recent advancements in AI, there has been a new wave of layoffs since some Tech jobs have been taken over by AI. However, with the sudden surge of AI implementation into the tech workspace, there has been an equal creation of new Tech roles and advancements in some, such as Technical writing.

Think about it, 7 years ago, no one would have thought that the boring *Documentation* would have advanced and reached such a milestone. I mean, most people just prefer to understand new things by actually testing them, not by reading through a boring 10-page document.

![meme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/05sxqf378ommdv2lseea.png)

The work of technical writers has definitely grown in importance. As a Technical writer, it is important to stay up to date with these emerging trends in AI to stay relevant in the craft. Some of these trends include:

Artificial Intelligence(AI) and Automation
If you work as a technical writer, you may have encountered the terms Bard and ChatGPT. These are currently the most used AI tools in 2023.
 Technical writers use these tools to automate repetitive tasks, enabling them to dedicate their time to more creative and intricate aspects of their work. The use of Natural Language Generation (NLG), an AI technology, might create comprehensive first drafts of manuals or guides, further simplifying the technical writing process.

Distributed work models
New technologies are allowing whole teams to work remotely. Most Technical writers have shifted to using version control systems such as Git, GitHub and GitLab to collaborate with their team members . These systems technical writing teams to keep track of their documentation and roll back unnecessary changes.

Improved UX design
When people are reading to make decisions, the content is the experience. You can have a simple design and people will be happy. But if you have a complex design, people will have to work hard to understand it. 

So, the content and technical communication are important parts of the user interface and structure.And tech writers are able to give a plain-language explanation of how your product works, so everyone can understand it.

The adoption of Digital Tools and Platforms
Advancements in technology have resulted the creation of new tools and digital platforms that technical writers can use to create, edit, and publish their documents.
As a technical writer, leveraging this tools to your career can put you ahead of the crowd by making you more connected, more efficient and more informed. It is a trend that is likely to continue in the years to come.
7 libraries you should know as a React developer🔥🚀
Tags: webdev, react, frontend, javascript
Published: 2023-07-06 02:57:05

As you progress in your quest to become a skilled React developer, you will encounter countless libraries, which may leave you feeling disoriented and bewildered.
However, here's a curated list of seven essential libraries that you can't go wrong with when expanding your React skillset:

**1.React joyride**

![React joyride library img](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vxtc9ang1vb0gwov3k9q.jpg)

It is an incredible tool to showcase new features to existing users & onboarding new users to your app.
Website: https://react-joyride.com
NPM: https://www.npmjs.com/package/react-joyride

**2.React PDF Renderer**

![pdf renderer image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yz1srv3623u7rrbckwwf.jpg)

React PDF Renderer is a library that helps you create PDF files using React components, thus making the tedious process of creating PDFs a walk in the park.

Website: https://react-pdf.org/
NPM: https://www.npmjs.com/package/@react-pdf/renderer

**3.React Beautiful DnD**

![amazing dnd library](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kaq3aamh59vi7uasidsy.gif)

React Beautiful DnD is a library that helps you create drag and drop interfaces in your React apps.

Website: https://react-beautiful-dnd.netlify.app
NPM: https://www.npmjs.com/package/react-beautiful-dnd

**4.Material UI**

![material ui](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n0kmrjowzx4bgbabdn7w.png)

This is a library that needs no introduction. Material UI is the largest component library for React. It is used by Spotify, Amazon, Netflix and countless other companies.

Website: https://material-ui.com/
NPM: https://www.npmjs.com/package/@mui/material

**5.Swiper.js**

![swiper js library](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ik43ilxsv1o80b2bc1sy.jpg)

Swiper.js, as the library name suggests, is a library that helps you create swipeable interfaces in your React apps.

Website: https://swiperjs.com/react
NPM: https://www.npmjs.com/package/swiper

**6.React Query**

![Query react](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mkbbkj6kgfeoythz5dpa.jpg)

React Query is a data management library which provides immense control of fetching, caching data, and error handling using simple hooks.

Website: https://tanstack.com/query/latest/
NPM: https://www.npmjs.com/package/@tanstack/react-query

**7.React Spring**

![react spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zasl6teimrtpbqfpki7j.gif)

React Spring is a library that helps you create eye-candy animations in your React apps, which ensures high user engagement!

Website: https://react-spring.io/
NPM: https://www.npmjs.com/package/react-spring
What are those curve values in staggered menu animation?
Tags: flutter
Published: 2023-07-06 02:45:11

https://docs.flutter.dev/cookbook/effects/staggered-menu-animation

In the above official doc, it does not explain this code 
```
final animationPercent = Curves.easeOut.transform(_itemSlideIntervals[i].transform(
_staggeredController.value),
);
```

```
List<Widget> _buildListItems() {
  final listItems = <Widget>[];
  for (var i = 0; i < _menuTitles.length; ++i) {
    listItems.add(
      AnimatedBuilder(
        animation: _staggeredController,
        builder: (context, child) {
          final animationPercent = Curves.easeOut.transform(
            _itemSlideIntervals[i].transform(_staggeredController.value),
          );
          final opacity = animationPercent;
          final slideDistance = (1.0 - animationPercent) * 150;

          return Opacity(
            opacity: opacity,
            child: Transform.translate(
              offset: Offset(slideDistance, 0),
              child: child,
            ),
          );
        },
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 36, vertical: 16),
          child: Text(
            _menuTitles[i],
            textAlign: TextAlign.left,
            style: const TextStyle(
              fontSize: 24,
              fontWeight: FontWeight.w500,
            ),
          ),
        ),
      ),
    );
  }
  return listItems;
}

```

After some studying, these three values are all between 0.0 to 1.0.

_staggeredController.value represents the current progress of the overall animation,

_itemSlideIntervals[i].transform(_staggeredController.value) is used to control the timing of the animation for each menu item, and 

Curves.easeOut.transform(_itemSlideIntervals[i].transform(_staggeredController.value)) applies an easing curve to the animation.
AntDB Coexistence of Multiple Storage Engines
Tags: database
Published: 2023-07-06 02:18:26

AntDB is a database that incorporates dual storage engines of memory and disk. In-memory storage and disk storage can co-exist to store the same database instance, and the specific storage type of table data and indexes can be specified by DDL statements.
Application access to data is completely transparent, retrieving and updating data without caring whether the data is in memory or on disk, and memory tables and disk tables can be accessed correlatively without any restrictions. This feature provides a unified database technology stack for scenarios where both high-frequency access to hot data and low-frequency access to cold data exist.
Análise de Requisitos: Desvendando o Caminho para o Sucesso do Desenvolvimento de Software
Tags: development, analyst, learning, braziliandevs
Published: 2023-07-06 01:26:54

Desenvolver software requer uma compreensão clara dos requisitos do projeto. A análise de requisitos é um processo crucial que visa identificar, compreender e documentar as necessidades dos usuários finais. Neste artigo, vamos explorar o que é a análise de requisitos e como ela deve ser feita, apresentando os passos essenciais de forma simples e clara.

**O que é análise de requisitos?**

A análise de requisitos é o processo de coleta, compreensão e especificação das funcionalidades e características que um sistema ou software deve ter. É um estágio crítico no desenvolvimento de software, pois uma compreensão inadequada dos requisitos pode levar a erros, retrabalhos e a um produto final que não atende às expectativas dos usuários.

**Como deve ser feito?**

**1. Identificação dos Stakeholders:**
O primeiro passo é identificar os stakeholders, ou seja, as partes interessadas no projeto, como usuários finais, clientes e especialistas do domínio. É importante envolver todas as partes relevantes desde o início para obter uma visão completa dos requisitos.

**2. Coleta de Requisitos:**
Nesta fase, é necessário coletar os requisitos de forma sistemática. Existem diversas técnicas disponíveis, como entrevistas com os usuários, questionários, observação de tarefas e análise de documentos existentes. O objetivo é capturar as necessidades, expectativas e restrições do sistema de maneira abrangente.

**3. Análise e Priorização:**
Uma vez que os requisitos são coletados, é preciso analisá-los para identificar inconsistências, ambiguidades ou conflitos. É importante priorizar os requisitos com base na sua importância e impacto no sistema. A colaboração contínua com os stakeholders é fundamental para garantir a compreensão correta dos requisitos.

**4. Especificação:**
Nesta etapa, os requisitos são documentados de forma clara e concisa. Isso envolve a criação de artefatos, como diagramas de caso de uso, diagramas de sequência e especificações de requisitos funcionais e não funcionais. A especificação deve ser compreensível para todos os membros da equipe de desenvolvimento.

**5. Validação dos Requisitos:**
A validação dos requisitos é essencial para garantir que eles sejam precisos, completos e atendam às necessidades dos usuários. Isso pode ser feito por meio de revisões formais, prototipagem ou testes de aceitação. A colaboração contínua com os stakeholders desempenha um papel crucial nessa etapa.

---


A análise de requisitos é uma etapa fundamental no desenvolvimento de software, pois estabelece a base para o sucesso do projeto. Ao seguir os passos mencionados acima, é possível obter uma compreensão clara dos requisitos do sistema, reduzir retrabalhos e entregar um software que atenda às expectativas dos usuários. Lembre-se de que a comunicação eficaz e contínua com os stakeholders é a chave para garantir a qualidade dos requisitos e o sucesso geral do projeto.

---
Efficient Workflow in Go with Temporal.io: Repository Pattern
Tags: webdev, go, tutorial, opensource
Published: 2023-07-06 01:19:20

> TDLR: This pattern involves creating a dedicated repository layer for data access, which abstracts the data access layer from the rest of the application.

[Continue Reading](https://younisjad.medium.com/efficient-workflow-in-go-with-temporal-io-repository-pattern-d66e6ac78e39)
Pain free content management with Contenda dashboards
Tags: frontend, ai
Published: 2023-07-06 16:58:27

---
title: Pain free content management with Contenda dashboards
published: true
date: 2023-07-06 00:00:00 UTC
tags: frontend, ai
canonical_url: https://blog.brainstory.ai/dashboard-content-management/
---

Before dashboards, Contenda users had to manually keep track of their `blog_id`. We searched our inbox for the email confirmation and clicked the provided link. This made it a pain to use Contenda over time because you always had to manually search for it in your inbox.

Now with dashboards, users have a home for all their posts. The dashboard also provides a home for posts made by other users in your workspace! You can now easily collaborate and coordinate with others on your content creation workflow without needing to pass along your user credentials (since [Share Pear](https://dev.to/lilchenzo/announcing-public-sharing-share-your-drafts-with-the-world-on-contenda-2cgh-temp-slug-4588426) is read only). The dashboard also houses user and workspace settings. How cozy!

With your Contenda dashboard you can,

- See all your posts
<video controls autoplay loop>
  <source src="https://contenda.co/blogimages/ClickBlogPost.mp4" type="video/mp4">
</source></video>
- Access user settings to generate api keys or manage your workspace
<video controls autoplay loop>
  <source src="https://contenda.co/blogimages/Settings.mp4" type="video/mp4">
</source></video>

Your dashboard is waiting for you to try it out now!
No-Code AI Hackathon, July 8th, $10k Prizes
Tags: hackathon, nocode, webdev
Published: 2023-07-05 23:48:32

Hi Community 😍
We are organizing the first-ever Virtual [No-Code AI Hackathon ](https://lu.ma/nocodehackathon)this Saturday (July 8th) with $10k In Prizes  

Hosted by welovenocode.com, this hackathon is specifically designed for Bubble developers who want to try their skills in AI

The event kicks off on July 8th 2023, at 10:00 AM PST and runs through July 9th, 2023, until 10:00 PM PST

Sign up here: https://lu.ma/nocodehackathon
More info
https://www.notion.so/welovenocode/NOCODE-AI-HACKATHON-July-23-30ebd8e3495a4ad8851271d44a961618?pvs=4