teleren/devto huggingface dataset:
Let’s Talk About JSX, Baby
Tags: beginners, react, jsx
Published: 2023-06-27 18:16:06


What is JSX?  The official name for JSX is JavaScript XML, and it is a syntax that combines JavaScript and HTML used in writing code with React.   Although JSX is commonly used in React,  JSX and React are two different tools.  They are often used together, but can be used separately.  JSX is a specific syntax, while React is a JavaScript library.  

JSX with React:

```
Function MyDog = () {
  const name = ‘Dot’;
  const age = 3;
  
  return (
    <div>
      <h1>Hello, my name is {name}!</h1>
      <p>I am {age} years old.</p>
    </div>
  );
};

ReactDOM.render(<MyDog />, document.getElementById('root'));`
```

In this example we define a function called MyDog.  Within the function we declare two variables name and age.  We also give the variables values.  The value of name is Dot, and the value of age is 3.  The JSX code within the return statement will be the output of our component. The last line in this example is calling 
ReactDOM.render(<MyDog />, document.getElementById('root'));, 
We are instructing React to render the MyDog component and place it inside the DOM element with the id of 'root'. The component will then be displayed on the web page wherever the element with that id is located.

Let’s look at a JavaScript example:

```
const myComponent = () => {
  const name = ‘Dot’;
  const age = 3;

  const container = document.createElement('div');
  
  const heading = document.createElement('h1');
  heading.textContent = `Hello, my name is ${name}!`;
  
  const paragraph = document.createElement('p');
  paragraph.textContent = `I am ${age} years old.`;

  container.appendChild(heading);
  container.appendChild(paragraph);

  document.getElementById('root').appendChild(container);
};

myComponent();

```
This example is doing the same thing as JSX, but as you can see it requires a lot more typing.  This is one of the main differences between JSX syntax and JavaScript.  
JSX is a declarative syntax: Describing the result without instructing how to do it implicitly.
JavaScript is an imperative syntax: Describing how the program should do something explicitly.

The Rules of JSX
1. Return a single root element
2. Close all the tags
3. camelCase all most of the things!

[https://react.dev/learn/writing-markup-with-jsx#the-rules-of-jsx]
Ampere Server Tuning Guides
Tags: arm64, redis, java, mongodb
Published: 2023-06-27 17:41:40



So, you have moved to an AArch64/ARM64 server and want to get more performance out of your 

- Hadoop
- MongoDB
- MySQL
- PostgreSQL
- Redis
instances (plus Java and many others)?

Well the [Ampere Developer Center](https://developer.amperecomputing.com/) has you covered with our collection of [Tuning Guides](https://amperecomputing.com/en/tuning-guides).  We have them and tutorials for many of the top open source projects.  

Maybe you are new ARM64 Servers but want to take advantage super efficient chips, with massive amounts of cores, but don't know where to start.  Our [solutions](https://amperecomputing.com/solutions) page is a great place to start.  

Have questions or just want to meet other AArch64 enthusiasts? 
 Check out our ever growing [community](http://community.amperecomputing.com/).  Our friendly members are very willing to help you grow your knowledge and abilities in the ARM64 Server ecosystem.
Una reflexión de como se veía el Sysadmin
Tags: writing, spanish
Published: 2023-06-27 17:41:24

Ayer estuve configurando un servidor Ubuntu 20.04 y fue la noche; ya que últimamente he estado ocupando Docker desde Nginx pasando por Phpmyadmin, y contenedores con mi aplicativos de PHP y NodeJS, próximamente veré que onda con Kubernetes de la mano de Red Hat, pero bueno volviendo al tema me toco un rato configurar algunas cosas como lo son virtualhost, base de datos (tablas, usuarios, permisos), permisos en carpetas, IPTables, git, version 8.0 de PHP.

De vez en cuando no hace mal regresar a lo básico, hace algún tiempo atrás todo esto se veía como temas místicos y difíciles solo para dioses de la administración de servidores, pero es como todo lo que tiene que ver con tecnología el secreto que nadie quiere que sepas es práctica y mas práctica.

Esto no se puede aprender de la nada tienes que invertir tiempo, dinero e incomodidad sobre todo mucha de esta última. Ya que te vas a sentir indefenso de tener enfrente de ti cosas que claramente no dominas y vas a tener que sentirte muchas veces tonto por ello, pero es normal tu avienta ese miedo los resultados te esperan mas allá. 

Otra cosa importante que creo que deberías de considerar es tener un mentor que este en esos estratos del Olimpo del Sysadmin, lo sé no es sencillo encontrarlo, pero te sorprendería la cantidad de personas allá afuera que están dispuestas a dedicar un poco de su tiempo a explicarte cosas, se curioso y pide las cosas con amabilidad y que se vea reflejado tu compromiso.
Apk Live Barbar - Aplikasi Mod Live Streaming Barbar & Vcs Terbaik
Published: 2023-06-27 17:25:39


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


Download aplikasi live streaming barbar & vcs mod anti banned, kunjungi (https://apk.livebarbar.xyz)
Internals of PostgreSQL - Chapter 2
Tags: postgres, postgressql, opensource
Published: 2023-06-27 17:10:53

This chapter focuses on the process and memory architecture of PostgreSQL. 
PostgreSQL is a **client/server based RDBMS**, with a multi-process architecture running on a single server. Some of these processes are as follows:
**1.	Postgres Server Process:** The parent of all processes, this process allocates shared memory area, starts background processes, and waits for client request. Upon receiving one, it starts a backend process. 
**2.	Backend Process:** Handles all the queries by one connected client. It communicates via TCP and can have multiple connections at the same time. 
**3.	Background Process:** Carries out variety of tasks for specific features and internals. 
Memory architecture of PostgreSQL can be classified into two types: 
**1.	Local Memory Area:** Each backend process allocates some memory for processing. Examples of these are work_mem, maintenance_work_mem and temp_buffers
**2.	Shared Memory Area:** Allocated by a server when it starts up. Examples of these are shared buffer pool, WAL buffer and commit log.
In addition to these PostgreSQL allocates memory for tasks such as control mechanisms, various background processes and transaction processing.
Add multiple subdomains to your rails 7 app.
Tags: rails, dns, heroku
Published: 2023-06-27 17:03:15

Subdomains are a great way to organize different parts of your app. You might have an `api` subdomain, `news` subdomain, etc.

## routes.rb
```ruby
constraints subdomain: 'my-subdomain' do
  # add routes
end
```


## development.rb
Add new hosts to your development.rb configuration.

```ruby
config.hosts << "my-subdomain.my-domain.local"
```


## Development Environment
Add development subdomain(s) to your /etc/hosts file so it routes to your development server
```
127.0.0.1 my-subdomain.my-domain.local
```

Don't forget to add port 3000! You'll go this url in your browser. `my-subdomain.my-domain.local:3000`


## Heroku


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


## DNS Configuration
Add a `CNAME` record for each subdomain in your DNS configuration.

Use the `domain name` and `DNS Target` from Heroku.

That's it! You should be good to go.
A Short Overview on Vacuum Processing in PostgreSQL
Tags: postgres, postgressql, apache, apacheage
Published: 2023-06-27 16:46:04

**Vacuum processing** in PosgtreSQL is a maintenance process that helps to facilitate persistent operations.
The main tasks of vaccuum processing are to _remove dead tuples_ and _freeze transaction ids_ which are no longer active.

Two different modes are provided by vacuum processing to remove dead tuples, namely:


- **Concurrent VACUUM**
- **Full VACUUM**




**Concurrent VACUUM**, which is often simply referred simply as VACUUM, works by removing dead tuples for each page of the table file but meanwhile other transactions can still read the table while the process in running.

On the other hand, **Full VACUUM** works by removing dead tuples and also defragments the whole file but while **Full VACUUM** is running, the table cannot be accessed by other transactions.

Work on improving the functionality of vacuum has been rather slow compared to other functions despite it being essential in **PostgreSQL**. It is a costly and expensive process because vacuum processing involves scanning the whole table. 

When it comes to _freezing old tax ids_, it removes unnecessary parts of the clog that are not being used actively if possible. 

In the **first block**, freeze processing is performed and index tuples that point to old tuples are removed. Firstly, a target table is scanned by PostgreSQL to build a list of dead tuples and freeze old tuples if possible. This list is then stored in _maintenance_work_mem_ in the local memory area.

After the scanning is done, index tuples are removed by postgreSQL by pointing to the **deadtuples list**. Internally, this process is known as the _"cleanup stage"_ and needless to say, this is an expensive process.

Next, in the **second block**, dead tuples are removed and both the FSM and VM are updated page-by-page.

Lastly, the **third block** performs a cleanup after the indexes have been deleted and it also updates both the system catalogs and statistics that are related to the vacuum processing for each of the target tables.
Unpopular opinion: Volar is a buggy mess.
Tags: vue, volar
Published: 2023-06-27 16:35:30

I love Vue and the concept of SFCs - but SFCs have a downside of DX tooling around it, and there is only one de-facto tool for it - Volar.

I have used Volar since its inception when it succeeded Vetur and watched it grow over the years. Unfortunately, these were painful years not without some hair-pulling moments.

My biggest gripe with Volar's development was the amount of breaking changes between each release. Every time a VSCode extension would auto-update, something would break; even more so if you used any of the Volar plugins for `.vue` file formatting such as `volar-plugins/prettier`. While I was chasing the latest versions, I have personally filed many issues on GitHub, some of which have been fixed but ultimately it was eating into my development time and I could no longer afford to do that. I have since stopped auto-updating the extension or any of dependencies.

My current setup includes an extension and dependencies that are 7 months old, and it works as expected. There were so many major version updates since then, that I've recently tried to update to it - with a predicted result: it broke formatting. Back to my old versions I go.
Info Suggestion - Make Life Easier with Right Information
Published: 2023-06-27 16:33:50

[Info Suggestion](https://infosuggestion.com/
) is a Trending Information Website. Through this website you can get all Technology Information & Update News. If you want to get All Tech, Gameing & Online Information then Visit our website Regular. Stay with us to get more Exclusive news. Our Website Motive Make Life Easier with Right Information.
This is the best app for coding on a phone!
Tags: coding, programming, beginners, ios
Published: 2023-06-27 16:22:03

Coding is, without a doubt, one of the most interesting and exciting endeavours one can undertake. You start with learning some basic fundamentals, like if statements, loops and functions and you end up building big applications on the web for thousands of users to enjoy.

Now here's the thing. Typically, to learn coding, you need a big screen. Why? Because syntax in every programming language takes a lot of space. Each line of code can be quite long because of the nature of coding: giving very specific instructions to a computer.

So what if I want to practice coding on a phone? A phone has a tiny screen which will make it virtually impossible to write code sufficiently on. A small virtual keyboard usually does things worse. So what can we do?

## Use Apple Shortcuts

The best way to learn to code on a phone is to throw away the syntax you typically find in Javascript or Python, and instead start using apps that lets you drag-and-drop commands.

One such app is [Apple Shortcuts](https://support.apple.com/en-gb/guide/shortcuts/welcome/ios) on iPhone.

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

Shortcuts is a great time-saving app for creating tasks. For example, you can create a task which gets your current location and shares it with a contact of your choice. Or start a new workout from your workout app whenever you arrive at the gym.

So how does it help me learn to code?

With Apple Shortcuts you can practice coding fundamentals such as:

### If statements

You can add if blocks to your task so that it executes something only if a condition is met. For example, if some text in your task is "Hello".


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

### Loops

To create a loop in Apple Shortcuts, you can use a "Repeat" block. For example, vibrate the device 5 times.

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/raxwwthm05iore5icm2b.jpeg)

### Arrays

You can use arrays in Apple Shortcuts by creating a "List" block. For example, create a list of cities. Then you can create a "Repeat with each" block to speak each city back to the user.

![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3pqvngq36aw4q2pxhlf1.jpeg)

### Functions

You can run functions by running shortcuts within other shortcuts. For example, create a shortcut which shows a "Hello world" notification...

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

...then create a second shortcut which runs the first shortcut.

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

## Conclusion

There are loads of stuff you can do with Apple Shortcuts on iPhone which can let you practice coding fundamentals. Sure it's not Javascript or Python, but the fundamentals are always the same, regardless how you use them. Have fun with Apple Shortcuts!
Fetch Data from Public API and Deploying React to Github
Published: 2023-06-27 16:17:09

**Introduction:**

In modern web development, fetching data from public APIs and deploying React applications to platforms like GitHub have become common practices. In this article, we will explore two important aspects: fetching data from a public API using Axios and deploying a React application to GitHub.

**Using Axios:**

Installing Axios

```
npm install axios
```
Fetching Data with Axios

```
import axios from 'axios';
```
Inside the component, you can use Axios to make a GET request to the desired public API. For example, let's fetch a data from the public API:

```
useEffect(() => {
  const fetchData = async () => {
    try {
      const response = await axios.get('https://example-api');
      console.log(response.data);
    } catch (error) {
      console.error('Error fetching data:', error);
    }
  };

  fetchData();
}, []);
```
In JavaScript, the async keyword is used to define asynchronous functions, and the try-catch block is used to handle potential errors. In the provided code, async is used to define the fetchData function, which makes an asynchronous Axios GET request. The try block contains the code that may throw an error, and if an error occurs, it is caught in the catch block, where we can handle it appropriately. These keywords enable more robust error handling and asynchronous operations in JavaScript.

**Deploying React to Github**

Install gh-pages as a dev dependency via npm:

```
npm install gh-pages --save-dev
```
In the package.json file, add a homepage property that follows this structure: http://{github-username}.github.io/{repo-name}
example:

```
  "name": "my-personal-website",
  "version": "0.1.0",
  "private": true,
  "homepage": "http://JerryWu1998.github.io/my-personal-website",
```
In the package.json file, add the following commands to the scripts property:

```
"predeploy" : "npm run build",
"deploy" : "gh-pages -d build",
```
Then, commit our changes and push the code:

```
git add .
git commit -m "message"
git push
```
Deploy our React application by running:

```
npm run deploy
```
Prioritization frameworks and strategies for Product Teams
Tags: projectmanagement, productmanagement, productivity, work
Published: 2023-11-02 14:18:25

---
title: Prioritization frameworks and strategies for Product Teams
published: true
date: 2023-06-27 16:03:08 UTC
tags: projectmanagement,productmanagement,productivity,work
canonical_url: https://ktreharrison.medium.com/prioritization-frameworks-and-strategies-for-product-teams-ab0e0140930
---

[![prioritization-frameworks](https://cdn-images-1.medium.com/max/990/1*4cEBGSma2GH5QcWDtaBWwg.png)](https://ktreharrison.medium.com/prioritization-frameworks-and-strategies-for-product-teams-ab0e0140930?source=rss-ffad067cde1e------2)

Prioritization in product management is the disciplined process of evaluating the relative importance of work, ideas, and requests to…

[Continue reading on Medium »](https://ktreharrison.medium.com/prioritization-frameworks-and-strategies-for-product-teams-ab0e0140930?source=rss-ffad067cde1e------2)
Conservative Hybrid Fund - Benefits, Tax & Top Funds to Invest!
Tags: mutualfund, investment, stockmarket
Published: 2023-06-27 15:40:33

[Conservative Hybrid Funds](https://aliceblueonline.com/conservative-hybrid-fund/) are amoral collective finances that allocate 75–90% of their total resources to debt and 10%–25% of those resources to equity. Since debt securities, which are regarded as generally secure investments, account for a maturity of its means, the word "conservative" is appended to it.

**How do Conservative Hybrid Funds Work?**

 Every communal financial system has underlying mechanisms that your plutocrat invests in. You paid a price for the means. Stocks in companies serve as the first asset for equity finances. Your returns are due to a change in these stocks' values. Additionally, debt finances have debt instruments as their underlying mechanisms, such as government bonds, commercial bonds, and term deposits.
The underlying means of a conservative mongrel fund are both equities and debt. According to regulations, these funds must invest 75 to 90 percent of their resources in loans. You can invest the remaining 10% to 25% in stocks. In other words, a conservative hybrid fund invests the majority of its assets in bonds, debentures, and treasury bills and the remainder in company stock.
The portfolio must be routinely rebalanced by the fund managers of conservative hybrid funds in order to maintain the required ratio of debt to equity.
Better Markdown (Make Your Markdown Better)
Tags: github, markdown, tips, readme
Published: 2023-06-27 15:39:33

## 🙂 Hello there,

&nbsp;
> 🤔 Are You **Struggling** With Your **Markdown Syntax** ?

&nbsp;
> 📌 No Need To Worry

&nbsp;

> 🔥 Check Out This Wonderful Open-Source **Markdown Guide** With **Tips** To Make Your Markdown Better : [Better-Markdown](https://github.com/divyanshudhruv/Better-Markdown)


&nbsp;

> 🙏🏻 **Star It** And **Fork It**

&nbsp;

> ⚡ **Contributions** Are Accepted

&nbsp;

> 🚩 Please Provide **Feedback**
33WIN | Nhà cái cá cược 33Win - Link vào 33Win chính thức mới nhất
Published: 2023-06-27 15:26:56

https://33winlat.xyz/ Website cung cấp thông tin về 33WIN | Nhà cái cá cược 33Win - Link vào 33Win chính thức mới nhất đầy đủ nhất được biên tập cung cấp link 33WIN bởi 33winlat xyz - Đại lý Chính thức của nhà cái 33WIN tại Việt Nam✔️ tặng thưởng tân thủ 33WIN lên đến 1729k VND✔️✔️✔️
https://matters.town/@33winlat
https://peatix.com/user/17956212
https://penzu.com/p/976cc608
https://33winlat.amebaownd.com/
Unlocking the future- teaching kids to code
Tags: programming, coding, career
Published: 2023-06-27 15:12:40

How old were you when you first learnt how to program?

Coding has become a vital skill, and knowing how to program has become significantly valuable. In order to keep up with society’s reliability on technology an increasing number of parents consider introducing their children to programming at a young age.

Around 79% of surveyed American parents want their children to learn how to code in school and 77% are convinced that their children will only be successful in the digital economy if they learn this skill. Now the question arises; **how beneficial is it to teach children how to program?**

Obviously there are advantages and disadvantages that can be listed here and at the end it will depend on your personal beliefs whether you think it’s right or wrong to start teaching at a young age. However, maybe there are a few things you haven’t considered yet. Let’s have a look at a few **advantages** first:

**1. Development of strategic thinking**

Learning programming at an early age helps children develop computational thinking, which involves understanding patterns, recognizing algorithms, and solving problems efficiently. This supports and enhances critical thinking and decision-making.

**2. Promotion of creativity and innovation**

Programming allows children to turn their ideas into reality and cultivates creativity by enabling them to design and build their own projects, games and applications. Additionally, it encourages out-of-the-box thinking through an innovative mindset.

**3. Influential future perspectives**

By teaching kids how to program they are automatically being prepared for a future in which automation, artificial intelligence and technology-driven careers are a solid and significant part of.



Some **disadvantages** include:

**1. Risk of overstressing**

Programming requires patience, persistence, and a solid understanding of logical concepts. Some children might find it frustrating or overwhelming, potentially leading to discouragement or a loss of interest.

**2. Negative effects on mental and physical health**

Spending too much time in front of screens can have negative effects on their physical health, social interactions, and overall well-being. Therefore, it is essential to balance programming education with other activities, such as outdoor play, sports, and non-screen-related hobbies.

**3. Negligence of other learning areas**

While programming is a valuable skill, an excessive focus on it may cause children to neglect other important areas of learning. Other areas such as languages, mathematics, social sciences, and arts should not be moved in the background.

— — — Conclusion — — —

Teaching children how to program offers many more advantages and disadvantages but in the end it is up to the parents and more importantly, the interest of the children whether programming should be pursued. While there are numerous advantages, the drawbacks should not be overlooked and belittled. Now that you have considered some of the pros and cons, what team are you on? 🤔
Should I run wp-cli crons as a deaemon or as a crontab?
Tags: help, wordpress
Published: 2023-06-27 14:53:10

As I ask upon there:
https://wordpress.stackexchange.com/q/417078/116178

I have an dilema that I do not know the answer. I've run the:

```
 sudo -u www-data wp cron event run --path=/var/www/blog.example.com --all
```

Upon a linus shell but Idk if I want to run reriodiccally should I run it via crontab or make it a init/systemd sevice?