teleren/devto huggingface dataset:
Продавайте проще: AcePlace делает все за вас
Tags: programming, career, news, learning
Published: 2023-10-01 23:51:03

Могут ли механизмы рекламы и точка продаж соединены в одном месте? Что если больше не нужно переносить аудиторию из одного сайта на другой? И даже больше — можно заинтересовать пользователя контентом прямо на маркетплейсе и сразу закрыть продажу.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8rg1du0jnc3cpqbslbeg.jpg)
В AcePlace разработчики оставили всё самое лучшее и эффективное, то, что работает, отказавшись от "изобретения очередного велосипеда". Там не стали ломать, что уже успешно работает. А наоборот, объединили сильные стороны продвижения социальных сетей и удобства маркетплейсов.

Лучший способ продаж в удобной форме: контент + витрина

Если пройти короткую регистрацию, заполнить профиль, карточки товаров, то можно начать продавать в тот же день. Тогда же интернет-бизнесменам откроются и особые инструменты, которые были внедрены в систему, чтобы стимулировать продажи сильнее.

Например, новости. Каждая компания сможет делиться постами, которые пользователи увидят в ленте - прямо как в социальных сетях. Демонстрировать фотографии производства, знакомить с идеями бренда, иллюстрировать способы использования товара - всё это стало возможно в данном маркетплэйсе. В конце концов, можно прикреплять скриншоты положительных отзывов.

В компании постарались удалить мост, через который нужно было провести пользователя, чтобы он оказался на странице товара. Это как разместить собственный склад в каждом городе без дополнительных трат на его содержание.

Для малого и среднего бизнеса

Создатели AcePlace особенно бережно относятся к локальным производителям и хотят, чтобы они расширяли клиентскую базу без сверхусилий и больших бюджетов.

Вместо написания статей и ведения кучи аккаунтов можно сосредоточиться на Ace Place, оставив только парочку сторонних страниц или вовсе перестать тратить на них время, а значит - эффективно удовлетворять запрос на получение информации о товарах: давать сценарии использования, рассказывать об особенностях, целевой аудитории и попросту упоминать о них чаще, чем единичное создание карточки.

А людей, которые всё это прочитают, приводят эксперты AcePlace. Главное - иногда делиться новостями.
Exploring Turbopack with Next.js 13
Tags: webdev, nextjs, discuss
Published: 2023-10-01 23:22:22

Hey everyone,

I recently wrote [an article](https://bluesockets.com/next/using-turbopack-with-next-js/) about Turbopack, which is being hailed as the successor to Webpack. It promises some serious speed improvements when it comes to bundling and optimizing JavaScript/TypeScript applications. What's cool about it is that it's written in Rust, known for its high performance and memory safety.

The key feature that caught my eye is "Incremental Bundling". This strategy optimizes the delivery of JavaScript and CSS files, making it super efficient, especially for larger projects.

**Enabling Turbopack in Next.js 13**
```json
{
 "scripts": {
 "dev": "next dev --turbo",
 "build": "next build",
 "start": "next start",
 "lint": "next lint"
 }
}
```

NOTE: Turbopack is currently in beta and not ready for production use.

Has anyone here tried using Turbopack with Next.js 13? I'd love to hear your experiences or any tips you might have! 😊
Must-Have TypeScript Tools for Efficient Development
Tags: webdev, typescript, productivity, beginners
Published: 2023-10-01 23:06:18

Hey everyone,

I have an insightful [blog post](https://bluesockets.com/typescript/typescript-tooling-and-libraries/) that highlights some essential TypeScript tools, libraries, and utilities for 2023. TypeScript has become a cornerstone in web development due to its robust typing and enhanced JavaScript tooling. As we aim to build more scalable applications, having the right tools is crucial.

The post covers a range of tools, from code analysis and formatting to testing and documentation. Here are some key takeaways:

1. **ESLint with TypeScript support**: This powerful linter helps maintain code quality and consistent standards. It's essential for catching type-related issues and common code problems.

2. **Prettier**: A code formatter that enforces consistent code style across the project. It works hand-in-hand with ESLint for top-notch code quality.

3. **TypeScript Compiler**: The core of any TypeScript project, it converts TypeScript code into plain JavaScript. It also performs static type-checking to catch potential issues early on.

4. **TypeScript Path Mapping**: Simplifies import statements, making them more readable and less error-prone.

5. **Webpack**: A bundler that organizes and bundles TypeScript code along with other assets like styles and images. It offers various optimizations for improved performance.

6. **Parcel**: A zero-configuration bundler that supports TypeScript out-of-the-box, streamlining the bundling process.

7. **Babel**: Transpiles TypeScript code to support older browsers or experimental features, ensuring compatibility.

8. **ts-node**: Allows you to execute TypeScript files directly, similar to how you would run JavaScript files with Node.js.

9. **Jest**: A popular testing framework that integrates seamlessly with TypeScript, providing a robust testing experience.

10. **Cypress**: A modern end-to-end testing framework with excellent TypeScript support, enabling automated tests with strong typings.

11. **Storybook**: A powerful tool for developing UI components, especially with TypeScript, which provides excellent support for documentation and interaction.

12. **TypeDoc**: Generates documentation from TypeScript source code, including type information, crucial for maintaining and sharing knowledge about your codebase.

13. **Husky**: A git hook manager that runs scripts before commits and pushes, ensuring code adheres to project standards and passes tests.

14. **Concurrently**: Manages multiple scripts running in parallel, streamlining complex projects.

These tools collectively enhance your TypeScript development workflow, making it easier to write clean, maintainable, and efficient code. Which of these tools have you used, and do you have any favorites?

For more details, you can check out the full article [here](https://bluesockets.com/typescript/typescript-tooling-and-libraries/).

Looking forward to hearing your thoughts!
Data Science for Beginners: 2023 - 2024 Complete Roadmap
Tags: beginners, programming, python, career
Published: 2023-10-01 22:00:06



Below is a guide for people interested in Data Science, this guide is more of the basic requirements required of a data science enthusiast. Follow me as we talk more on the prerequisites.

**What is Data Science?**
Data science is a multidisciplinary field that combines various techniques and tools from mathematics, statistics, specialised programming, advanced analytics, artificial intelligence (AI), and machine learning to extract meaningful insights and knowledge from large and complex datasets. 

Having the basic understanding of data science will make understanding the roadmap easier.

1. **Prepare Your Workspace**: Ensure you have the necessary tools and environment set up, such as installing an integrated development environment (IDE) like Anaconda.

2. **Foundational Learning**: Acquire foundational knowledge in mathematics, statistics, and programming, which are essential for data science.

3. **Machine Learning Skills**: Focus on building machine learning skills, including Python programming and topics like tree-based models, cluster analysis, and data preprocessing.

4. **Portfolio Building**: Create a portfolio by working on real-world data science projects to showcase your skills and expertise.

5. **Stay Updated**: Recognise the evolving nature of data science and stay informed about the latest trends and technologies through blogs, conferences, and online communities.

6. **Networking and Collaboration**: Engage in networking within the data science community, by attending data events, bootcamps, leveraging platforms like LinkedIn and GitHub for collaboration and learning from others.

7. **Data Visualisation**: Understand the importance of data visualisation in conveying insights and explore tools like Matplotlib, Seaborn, and Tableau.

8. **Real-World Applications**: Explore real-world applications of data science in various industries like healthcare, finance, and e-commerce through case studies and success stories.

9. **Challenges and Future Trends**: data science and analytics are increasingly central to modern business strategies. As we move into 2024, digital transformation remains an ever-evolving process with continuous innovation reshaping industries, ensuring that staying abreast of these trends is essential for organizations and professionals in the field.

**Conclusion**: 
This data science roadmap emphasizes practicality and suggests having an integrated development environment (IDE) like Anaconda. The roadmap includes mastering Python, machine learning, and working on real-world projects for a comprehensive learning experience. Continuous practice, real-world projects, and curiosity are key to success in data science.
Tips & Tricks : Mocking APIs With Playwright
Published: 2023-10-01 21:46:14

Hello, everyone. This brief blog post is the first in a series of tips, tricks and best practices that QA engineers should be aware of to enhance their testing approach. I will highlight the benefits of mocking API responses and demonstrate how you can achieve this using Playwright.

As we are aware, in the testing pyramid, the largest portion of the system is covered by unit testing, followed by integration testing, and finally, end-to-end (e2e) testing. By efficiently maintaining this approach, our e2e testing can be more focused on high-priority, critical use cases, and user stories. Consequently, this approach helps us avoid overwhelming our backend with a multitude of API requests due to the high volume of test cases, leading to more efficient and effective testing.

Mocking APIs means simulating or manipulating the behavior of the API during testing. It allows you to intercept and control API requests and their responses without actually generating real network traffic, thereby avoiding overwhelming the backend especially if you want to scale up you tests.

Mocking APIs is an efficient technique that can enhance our E2E automation tests. It helps “isolate our test cases”, enabling them to focus on user stories and system behavior without relying on external services or API availability. Consequently, this approach makes our tests more stable, reliable, and less prone to flakiness.

Furthermore, mocking APIs facilitates the creation of more complex “test scenarios” that might be challenging to implement without mocking since these scenarios might rely on specific responses such as success, errors, timeouts, status codes, and specific data, which can be difficult to maintain through the frontend alone.

Using this approach enhances “test efficiency” since mocking APIs is faster than relying on live APIs. With full control over API responses, you can easily avoid delays. Additionally, this leads to “cost reduction” as it eliminates the need to use live APIs, which may consume expenses.

Playwright mocks APIs in a straightforward manner. I will demonstrate a couple of approaches through which we can learn how to do this. The first approach involves mocking the API response without making an actual request to the endpoint. Then, we’ll load the page associated with this mocked API.
Useful Apache AGE Functions
Published: 2023-10-01 21:43:34

Apache AGE is an extension for PostgreSQL which adds graph database functionalities to the relational database. Here are some AGE functions you should know.

## `create_graph`
Creates a new graph.

```sql
-- You can write it this way.
SELECT create_graph('cities');
-- Or this way.
SELECT * FROM create_graph('cities', true);
```

## `drop_graph`
Deletes a graph. The optional third parameter indicates if the delete operation should be cascaded (forced). If it is, all relations dependent on the graph will be deleted too.

```sql
-- You can write it this way.
SELECT drop_graph('cities', true);
-- Or this way.
SELECT * FROM drop_graph('cities', true);
```

## `alter_graph`
Use this to rename you graphs.

```sql
-- Renames the graph 'CITIES' to 'cities'.

-- You can write it this way.
SELECT alter_graph('CITIES', 'RENAME', 'cities');
-- Or this way.
SELECT * FROM alter_graph('CITIES', 'RENAME', 'cities');
```

## `create_vlabel`
Creates a new vertex label in the given graph.

```sql
SELECT * FROM create_vlabel('cities', 'City');
```

## `create_elabel`
Creates a new edge label in the given graph.

```sql
SELECT * FROM create_elabel('cities', 'CONNECTED');
```

## `_label_Id`
Returns the ID of the label of an edge or vertex.

```sql
SELECT * FROM _label_id('cities', 'CONNECTED');
(1 row)
```

## `drop_label`
Drops an edge's or vertex's label. The optional third parameter indicates if the delete operation should be cascaded (forced). If it is, all relations dependent on the label will be deleted too.

```sql
SELECT drop_label('cities', 'City', true);
```

## `cypher`
With the `cypher()` function, you can execute Cypher queries in a graph.

```sql
SELECT * FROM cypher('cities', $$
  CREATE (:City {name: 'New York', size_in_km: 783.8})
$$) as (v agtype);
```

## `get_cypher_keywords`
Returns a list of Cypher grammar keywords.

```sql
SELECT * FROM get_cypher_keywords();
```

## `create_complete_graph`
There are times you may need a graph in which all vertices are interconnected (that is, there is an edge between all vertices). This type of graph is called a *complete graph*, and this function can help you accomplish that quickly. All you need to do is supply the name of the new graph to be created, the number of vertices you want, the label of the edges and the label of the vertices.

```sql
-- You can write it this way.
SELECT create_complete_graph('cities', 5, 'CONNECTED', 'City');
-- Or this way.
SELECT * FROM create_complete_graph('cities', 5, 'CONNECTED', 'City');
```

Using Apache AGE Viewer, we can see the newly created complete graph.

![A complete graph](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hez8g3kj5jxd0xnf3gv7.png)

I hope these will come in handy for you. You can learn more about Apache AGE in the [official website](https://age.apache.org/) and read its documentation [here](https://age.apache.org/age-manual/master/index.html).
My beginner intro to drug discovery (part 4): Patents
Tags: patents, drugdiscovery
Published: 2023-10-01 21:41:15

Patents are essential when you have a new invention.

I will explain what a patent is as it relates to drug discovery in this article:

**A patent** is a form of intellectual property that functions as a means to safeguard your invention against commercial manufacturing, usage, distribution, importation, and sale by others.

**What can be patented in the field of medicine?**

In medicine, you can obtain patents for various aspects, including products/compositions, formulations, dosage regimens (specifying the frequency and amount of drug administration), medical devices, and processes.

**What qualities render something patentable?**

- Novelty: The subject of your patent must be entirely new and previously unseen.

- Inventiveness: Your patent must introduce a concept or idea that no one has previously conceived.

- Industrial Applicability: It should be feasible to produce the patented invention on a large scale.

It's important to note that when intending to patent a project or invention, you are not permitted to discuss or disclose its details to anyone who has not signed a confidentiality agreement. Failure to do so may jeopardize your ability to obtain a patent. Additionally, acquiring and maintaining patents incurs significant costs, including annual payments, to ensure their continued validity and protection.
<br>
Thanks for reading the last part of my beginner intro to drug discovery article.
Recieving 404 page not found and 400 bad request
Tags: react, django, help
Published: 2023-10-01 21:41:00

Hello guys i'm Nicholas a software developer from Nigeria, who's new to react. I am trying to create and admin signup page for a react app with django as  backend. when i make a POST request i get these errors 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3dch9v8e6zjmzy54ejv3.PNG). CORS has been enabled, when i test the api endpoints using Postman, it works but when i make the api call from my code it doesnt. here is the code snippet

import React, { useState } from 'react';
import axios from 'axios';

const AdminSignup = () => {
    const [email, setEmail] = useState('');
    const [password, setPassword] = useState('');
    const [firstName, setFirstName] = useState('');
    const [lastName, setLastName] = useState('');
    const [phoneNumber, setPhoneNumber] = useState('');

    const handleSubmit = async (event) => {
        event.preventDefault();

        try {
            const response = await axios.post('http://127.0.0.1:8000/admins', {
                email,
                password,
                firstName,
                lastName,
                phoneNumber,
            });

            // Handle successful signup here
            console.log('Sign-up successful!', response.data);
        } catch (error) {
            console.error('There was an error!', error);
        }
    };
My beginner intro to drug discovery (part 3): Animals in Scientific Research
Published: 2023-10-01 21:39:12

The use of animals is essential to the drug discovery process.

In this article, I write about why animals are used in scientific research and the tests that a chemical compound is supposed to pass before it can be used on animals.

## Why are animals used in Scientific Research?

**Biologically very similar to humans:** Animals are biologically very similar to humans. They have the same kind of structure both externally(pair of eyes, ears etc), internally(a pair of lungs, liver etc) and they might share more than 98% of the DNA with humans.

**Susceptible to many of the same health problems:** Animals are susceptible to many of the same health problems as humans.

**Easy to care for:** They are small in comparison to humans. We can control their diet. We can also control the temperature of the room they are kept. 

**Easy to reproduce:** Animals reproduce very fast which may be helpful to use for scientific research purposes.

## Tests that a chemical compound is supposed to pass before it can be used on an animal

**The compound has to be potent and selective.** It needs to be able to kill the parasite inside the cell without harming the cell itself.

**Solubility:** The compound must be able to dissolve in the stomach.

**Permeability:** The compound must be able to penetrate through the cell membranes.

**Stability:** The compound must remain stable and not be broken down by the liver, allowing it to persist in the body.
<br>
Thanks for reading. Please also check out the last part of my drug discovery series: https://dev.to/emmakodes_/my-beginner-intro-to-drug-discovery-part-4-patents-5gf6.
My beginner intro to drug discovery (part 2): Who is involved in drug discovery?
Published: 2023-10-01 21:38:16

There are various discipline that are involved in the process of discoverying a new drug.

In this blog post, we unveil some key players in drug discovery: Biochemists, Medicinal Chemists, and DMPK experts. Note: There are still other fields or disciplines involved and the work of discovering a new drug for a disease is very collaborative.

**Biochemists:** They are involved in phenotypic and target-based screening. Phenotypic screening means the biologist observes the effects of a drug on diseased cells. Target-based screening involves understanding how a drug affects the target protein. Does it inhibit its function or upregulate it? 

**Medicinal Chemist:** The role of medicinal chemists is to design drugs that specifically interact with the proteins of the disease-causing parasite, ensuring the drug can achieve the desired effect. They collaborate with biologists to understand the protein's structure and identify essential drug components for protein interaction. Additionally, they determine the optimal size of the drug.

It was interesting to learn that medicinal chemists can visualize the protein they are working on but not the drug itself.

**DMPK (Drug Metabolism and Pharmacokinetics)**:

In vitro DMPK (Drug Metabolism and Pharmacokinetics): This discipline assesses the drug's likelihood of surviving and reaching its intended site of action in humans, regardless of infection status. It aims to answer the question: "If this drug is administered to humans, will it reach its target location?"

In vivo DMPK (Drug Metabolism and Pharmacokinetics): This discipline evaluates the drug's effectiveness in living animals. Does the animal survive even without the disease? If so, does the drug effectively treat the disease?
<br>

Thanks for reading. Still, check the part 3 of this series: https://dev.to/emmakodes_/my-beginner-intro-to-drug-discovery-part-3-animals-in-scientific-research-5eg7
Participate in our project - Hacktoberfest 2023
Tags: hack23maintainer, hacktoberfest, hacktoberfest23, webdev
Published: 2023-10-01 21:25:01

Happy about **Hacktoberfest** ? So are we ! Don’t hack alone and join us on October 1st 2023. <br />
It's the best time of the year to meet a few community members and get help on your pull requests !

👨‍💻 Our top 1 project to participate in : **[vscode-sftp](https://github.com/Natizyskunk/vscode-sftp)**