teleren/devto huggingface dataset:
Hi ! Help me with react
Tags: javascript, newbie, react, reactnative
Published: 2022-10-26 15:20:08

//About me :
Hello Devs, I am Pruthviraj from Graphic design background, from my childhood I always dreamt of becoming coding wizard and do some hacking 🧑‍💻 , I know it's not that simple now-a-days. Now I am 20Year  Old student doing degree on Agriculture I know I told I have design background - it's self-learnt so I am Prof. Graphic designer, enough about me Let's talk what I am up to now.

//Coding Part 🧑‍💻 :
Now I want learn coding very badly so that I can be a front-end developer ( with good amount skills in hand) by the end of this year. Right now I learnt some HTML,CSS and JS , Not sure How much perfect. Now I jumped in learning react , where I want your help if your are good at react plz 🙏🙏 mentor me (either Discord , twitter, Instagram, Call 🤙).

I want to master React so bad and so fast so that I can Align my design and development skills by the  end of the year. 💪💪

//Conclusion 🤞:
I am so grateful you read whole post 😊.
If you're willing to help😁
My Social Links :
Instagram : https://www.instagram.com/yr.graphicdesigners/
WhatsApp/Call : +91 **8880194494**

Thank you again 😚🚀/
-Pruthviraj Chauhan 
Code aspirant
REAL WAY TO EARN MONEY
Published: 2023-12-26 13:05:09


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


## I AM EARNING APPROXIMATELY 10$ IN ONE DAY.

- IF YOU WANT TO EARN LIKE ME 
- YOU HAVE TO DO SIMPLE TASK



YOU HAVE TO OPEN THIS LINK AND THEN SHARE THIS REFERRAL LINK  AS MORE AS YOU CAN AND YOU WILL GET 50% COMMISSION.
SO DONT WAIT AND OPEN AND SHARE THIS LINK
**
[THIS IS LINK  [CLICK HERE](https://shorturl.at/bosT0) AND SHARE NOW](https://shorturl.at/bosT0)
The 7 HTML Tags You Most Probably Do Not Know
Tags: webdev, html, programming, beginners
Published: 2023-12-26 13:02:22

HTML (Hypertext Markup Language) is the backbone of the web, and it consists of a wide range of tags that are commonly used to structure web content. While you may be familiar with popular HTML tags like `<div>`, `<p>`, and `<a>`, there are several lesser-known tags that can be incredibly useful in certain situations. In this blog post, we'll introduce you to 7 HTML tags you may not be familiar with, along with code examples for each one.

## 1. `<details>` and `<summary>`

The `<details>` and `<summary>` tags allow you to create expandable sections of content. Users can click on the summary to expand or collapse the details. This is useful for creating FAQ sections or hiding lengthy content.

```html
<details>
  <summary>Click to reveal more information</summary>
  <p>This is hidden content that can be expanded or collapsed.</p>
</details>
```

## 2. `<mark>`

The `<mark>` tag is used to highlight text within a block of content. It's commonly used to emphasize or draw attention to specific words or phrases.

```html
<p>This is a <mark>highlighted</mark> word in a sentence.</p>
```

## 3. `<time>`

The `<time>` tag is used to represent dates and times in a machine-readable format. It's particularly helpful for indicating when an article was published or an event is scheduled.

```html
<p>The conference will take place on <time datetime="2023-12-26">December 26, 2023</time>.</p>
```

## 4. `<abbr>`

The `<abbr>` tag is used to define abbreviations and acronyms. When users hover over the abbreviated text, a tooltip displays the full expansion of the abbreviation.

```html
<p><abbr title="World Wide Web">WWW</abbr> is an essential part of the internet.</p>
```

## 5. `<progress>`

The `<progress>` tag is used to create a progress bar for tasks that are in progress. You can set the value attribute to specify the current progress.

```html
<progress value="70" max="100">70% complete</progress>
```

## 6. `<meter>`

The `<meter>` tag is used to display a gauge or meter for measurements within a specified range. It's commonly used for displaying values like ratings or battery levels.

```html
<meter value="4" min="0" max="5">4 out of 5 stars</meter>
```

## 7. `<wbr>`

The `<wbr>` tag is used to suggest a line break opportunity within a word. It's useful for specifying where long words can break when wrapping text.

```html
<p>This is a longwordthatmightbreakhere<wbr>andcontinue.</p>
```

These are just a few of the less commonly used HTML tags that can enhance your web development skills and improve the user experience on your website. While they may not be needed in every project, having these tags in your toolkit can be valuable when the right situation arises. Experiment with them and explore how they can make your web content more dynamic and user-friendly.

[Follow me on X](https://twitter.com/bxransel)
Sparta Coding Club India] Week 2 - Today I learned
Published: 2023-12-26 12:57:47

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

Understood the roles of a server and a client.
 Understood the foundations of HTML and CSS. 
 Learned how to bring the login page to the center of the page.
 Learned Apply Google Web Font.
 Commenting.
 CSS file separation.

 #spartacodingclub #India #coding #programming #webdevelopment #developer #frontend #html #css #javascript
How to disable weak Hash-based Message Authentication Codes HMACs in SSH Services
Published: 2023-12-26 12:51:47

🔒 Unlock how to disable weak Hash-based Message Authentication Codes HMACs in SSH Services! Quick Guide provided. 🔒
Curious about boosting your SSH security effortlessly? Check out this quick guide on strengthening HMACs in SSH services. 🚀 Your encrypted connections deserve the best protection. Let's level up together! 💻🔐
https://www.relianoid.com/resources/knowledge-base/howtos/disable-weak-hash-based-message-authentication-codes-hmacs-in-ssh-services/
#SSHSecurity #TechInsights #SSHSecurity #TechInsights #Cybersecurity101 #TechSecurity #SSHBestPractices #DataIntegrity #TechSolutions #InfoSec #SSHConfig #DigitalSecurity #NetworkProtection #SecureConnections #TechUpdates #ITSecurity #SecureDataTransmission #Encryption #SSHProtocol
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gbgcwqp28kla78sif8m9.jpg)
Lambda Expressions In Java
Tags: java, lambda, spring, backenddevelopment
Published: 2023-12-26 12:49:19

In Java, a Lambda expression is like a shortcut for creating a small piece of code that does something specific. It's especially useful when you only need a quick function and don't want to write a whole method.

Imagine you have something called a "functional interface," which is just a special kind of interface in Java that has only one job to do. We call it "functional" because it's designed to perform a specific function.

Now, instead of writing a regular method and going through the whole process, Java 8 introduced Lambda expressions to make things quicker. It's a way to write a brief piece of code that takes some input, does something with it, and gives you a result.

- (String name) -> { return "Hi"+name } Lambda Expression

- This function takes one input parameter does some operations with it and returns the result.

A Sample Code With Explanation

- It is an interface which has an abstract method to find the area of a rectangle.

public interface Rectangle {
    void areaOfARectangle(int length, int width);
}

- Main Function
public class LambdaExpressionExamples {

    public static void main(String arg[]) {
        //Without Using Lambda
        
        Rectangle rectangle = new Rectangle() {
            @Override
            public void areaOfARectangle(int length, int width) {
                System.out.print("Area Of A Rectangle: "+length * 
                                 width);
            }
        };

        rectangle.areaOfARectangle(5, 10);

        //With Lambda

        Rectangle rectangle1 = (int length, int width) -> {
            System.out.print("Area Of An Rectangle: "+length * 
                             width);
        };

        rectangle1.areaOfARectangle(10, 4);

    }
}
online earning websites for students without investment
Tags: makemoney, money, eranin, webdev
Published: 2023-12-26 12:47:19

[While there are opportunities](https://www.toprevenuegate.com/evgmmycqx?key=df2ff80c443fd246d513c75c1a919f02) for online earning without investment, it's important to be cautious and aware of potential scams. Some options for students include:

[Freelance Platforms:](https://www.toprevenuegate.com/evgmmycqx?key=df2ff80c443fd246d513c75c1a919f02) Explore websites like Upwork, Fiverr, or Freelancer to offer your skills in writing, graphic design, programming, etc.

[Online Surveys:](https://www.toprevenuegate.com/evgmmycqx?key=df2ff80c443fd246d513c75c1a919f02) Participate in legitimate survey websites like Swagbucks, Toluna, or Vindale Research for small earnings.

[Content Creation:](https://www.toprevenuegate.com/evgmmycqx?key=df2ff80c443fd246d513c75c1a919f02) Start a blog or YouTube channel based on your interests. You can monetize through ads, affiliate marketing, or sponsorships once you gain traction.

[Tutoring: ](https://www.toprevenuegate.com/evgmmycqx?key=df2ff80c443fd246d513c75c1a919f02)Offer tutoring services on platforms like Chegg Tutors or Tutor.com if you excel in a particular subject.

[Virtual Assistance:](https://www.toprevenuegate.com/evgmmycqx?key=df2ff80c443fd246d513c75c1a919f02
![Image description](https://www.toprevenuegate.com/evgmmycqx?key=df2ff80c443fd246d513c75c1a919f02)) Provide virtual assistance services on platforms like TaskRabbit or VirtualAssistants.com.

Always research and verify the legitimacy of the platforms you choose to ensure a safe and genuine earning experience.

More read :- https://www.toprevenuegate.com/evgmmycqx?key=df2ff80c443fd246d513c75c1a919f02
Reading data from sql query and plot graph using reactjs
Tags: react
Published: 2023-12-26 12:36:38

Hi All, 

I have developed nodejs and reactjs code that pulls the data from mysql database in server.js file(at the backendside) and used useEffect hook to fetch the data from endpoint used in server.js to show the records from Database, using Line.js script. However, I am not able to show the selected data in the graph view on Line.js script which is attached for the reference for both scripts. Looking forward to your assistance. I will share the code snippet if required. 

Snippet of server.js##
const db=mysql.createConnection({
    connectionLimit : xxx,
    waitForConnections : true,
    queueLimit :0,
    host: 'localhost',
    user: 'root',
    password:'XXXXXXX',
    database: 'oamordersreport',
    debug: true,
    wait_timeout : xxxxx,
    connect_timeout :xx
});
app.get('/maoorders', (req, res) => {
    const sql = "SELECT * FROM oamorder";
    db.query(sql, (err, data) =>{
        if(err) return res.json("Error...");
        return res.json(data);
#### line.js code snippet
function Line(){
  const [data, setData] = useState([])
  useEffect(() =>{
fetch('http://localhost:xxxx/oamorders')
//.then(res => res.json())
.then(data => setData(data))
.then(err => console.log(err));;
  },[])
...
Benefits of embedded systems
Tags: embeddedsystem, embeddedsoftware
Published: 2023-12-26 12:21:38

Embedded systems offer several benefits across various applications and industries. Here are some key advantages:

Real-time Operation:

Embedded systems are designed to perform specific tasks with real-time constraints. This makes them suitable for applications where timing is critical, such as in automotive systems, medical devices, and industrial control systems.
Low Power Consumption:

Many [embedded systems](https://embeddedhash.in/) are optimized for low power consumption, making them ideal for battery-powered devices. This is crucial for portable electronics, IoT devices, and other applications where energy efficiency is essential.
Cost-Effective:

Embedded systems are often cost-effective because they are tailored to specific functions, eliminating unnecessary components and reducing manufacturing costs. This is particularly advantageous for mass production of devices.
Small Size and Form Factor:

Embedded systems are compact and can be designed to fit into small spaces. This is crucial for applications where size and weight constraints are important, such as in wearable devices, sensors, and other miniaturized electronic components.
Reliability:

Embedded systems are known for their reliability and stability. Since they are dedicated to specific tasks, there is less chance of software conflicts or crashes. This makes them suitable for mission-critical applications in industries like aerospace, healthcare, and automotive.
Customization and Scalability:

Embedded systems can be customized to meet specific requirements. This flexibility allows developers to tailor the system to the exact needs of the application. Additionally, they can be easily scaled up or down depending on the complexity of the task.

Fast Response Time:

Due to their dedicated nature and optimized hardware-software integration, embedded systems can provide fast response times. This is crucial in applications where quick decision-making or control is required, such as in robotics and automation.

Security:

Embedded systems can be designed with security in mind, especially in applications where data protection is critical. With proper implementation, they can offer a level of security against unauthorized access and cyber threats.

Specialized Functionality:

Embedded systems are designed for specific tasks, allowing them to excel in specialized functions. This makes them well-suited for applications ranging from consumer electronics to critical infrastructure systems.

Ease of Maintenance:

Since embedded systems are focused on specific tasks, they can be easier to maintain and update. This is particularly important in industries where downtime is costly, and regular updates or modifications are necessary.
How to deploy server using Nginx
Tags: nginx, ubuntu, server
Published: 2023-12-26 11:58:00

Terminologies -
1. Project name - Blogify
2. Domain name - harrsh.com

To host the website or server using Nginx, we would have to follow the following steps:

---

## 1. Create server

For this blog, we will create the server using AWS.
We can create an ec2 t2.small instance with Ubuntu OS.

---

## 2. Install Nginx

Update the fresh Ubuntu server.
```
sudo apt update
sudo apt upgrade
```

Install Nginx
```
sudo apt install nginx
```

---

## 3. Clone repositories

We will create a folder named **server** and will clone a GitHub repository of a simple Express server.
```
mkdir server
git clone https://github.com/rwieruch/node-express-server
```

We will also clone the ReactJS website for this blog.
```
mkdir client
git clone https://github.com/rwieruch/node-express-server
```

For hosting the static websites we place it in the project folder of Nginx.
Go to the folder **www**.
```
sudo cp -r client /var/www/html/blogify
```

---

## 4. Configure Nginx

We will create a new Nginx configuration file in Nginx's **sites-available** folder. We usually create the file with the name of the Domain name to be used for that file.
```
cd /etc/nginx/sites-available
sudo nano harrsh.com
```

We will write the following code block to configure Nginx with our API and website
```
// API server block
server {
    server_name api.harrsh.dimboo.io;

    location / {
        proxy_pass http://localhost:8000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

// API server block
server {
    listen 80;
    server_name api.harrsh.com;
}

// Website server block
server {
    server_name harrsh.com;
    location / {
        root /var/www/html/blogify/dist;
        try_files $uri $uri/ /index.html;
    }
}

// Website server block
server {
    listen 80;
    server_name harrsh.com;
}
```

We will now mirror sites-available to sites-enabled
```
sudo ln -s /etc/nginx/sites-available/harrsh.com /etc/nginx/sites-enabled/
```

---

## 5. Start API server

To automatically restart the server we will use pm2 package.
```
npm i pm2 -g
pm2 start npm --name "blogify-server" -- start
pm2 startup
```

---

## 6. Configure DNS records

To point the domains to our server, you need to add the **A record** in our DNS records to redirect to our server.

---

## 7. Install SSL certificates

To get the SSL certificates of our API and Website, we will use the service of Certbot.
```
sudo snap install --classic certbot
sudo ln -s /snap/bin/certbot /usr/bin/certbot
sudo certbot --nginx
```

To renew the certificates automatically
```
sudo certbot renew --dry-run
```
🔍💻 Unlocking Data Potential: Why Your Services Need Data Engineers! 🚀📊
Tags: dataengineers, dataengineering, consultingservices
Published: 2023-12-26 12:18:50

In today's data-driven landscape, the [role of data engineers](https://www.softwebsolutions.com/data-engineering-consulting-services.html) is pivotal in maximizing the value of information. Here's why investing in these tech wizards is a game-changer for your services! 💡✨

1️⃣ Data Infrastructure Mastery: Data engineers architect robust infrastructures, ensuring seamless data flow and storage. Their expertise ensures your services operate on a solid foundation, enabling scalability and reliability. 🌐💪

2️⃣ Optimized Data Pipelines: They design and manage data pipelines, streamlining the process from raw data to valuable insights. This efficiency drives decision-making and enhances operational performance. 📈🔧

3️⃣ Insightful Analytics: Data engineers collaborate with data scientists and analysts, translating raw data into actionable insights. Their skills bridge the gap between data collection and impactful decision-making. 📊💬

4️⃣ Innovation Acceleration: By harnessing emerging technologies, data engineers propel innovation within your services. They leverage AI, machine learning, and automation to unlock new opportunities and stay ahead in the competitive landscape. 🌟💻

5️⃣ Data Security & Compliance: Ensuring data integrity and compliance is paramount. Data engineers implement robust security measures, safeguarding sensitive information and ensuring regulatory adherence, bolstering trust among your clientele. 🔒✅

Don't miss out on the transformative impact data engineers can bring to your services! Elevate your data strategy by integrating their expertise and witness the power of data-driven success! 💼💬

#DataEngineers #DataStrategy #TechInnovation #DataDrivenServices #TechExperts #EmpoweringInsights
Foundry - chisel
Tags: 100daystooffload, foundry, chisel, solidity
Published: 2023-12-26 11:59:14

The `Chisel` component in the [Foundry](https://book.getfoundry.sh/) toolkit is a very sophisticated REPL tool designed for Solidity. This tool is incredibly useful for rapidly evaluating Solidity code snippets in a local or forked network environment.

As an integral component of the Foundry suite, Chisel is installed along with other tools like forge, cast, and anvil. So make sure you got foundry installed.

```sh
# Install it
curl -L https://foundry.paradigm.xyz | bash
# or update
foundryup
```

When foundry is installed locally we can just fire up a terminal and type `chisel` to get started.

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

As you can see, type `!help` to show available commands. To quit the REPL you will have use the command `!quit`. The common theme is the use of `!` as prefix for all commands.

Lets start the test drive with chisel by playing with some expressions.

![Simple expression](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2fa0xm968gjircdtu9pi.png)

We can see that if we do the expression `1337 + 42` in Solidity we will get the result `1379` of the type `uint` and in hex it will be `0x0000000000000000000000000000000000000000000000000000000000000563` (as a 32 byte word or 256 bit).

In the REPL we can tinker with any Solidity code that we might think of. Here is an example of some testing with the Solidity function `require`.

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

This make it very easy to try something out or if you just want to explore something in Solidity.

It is also possible to save your session so you can go back to it at a later time. The command for that is `!s` or `!save`.

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

Now you can quit the session, `!q`, and in the terminal type `chisel list` to list all your saved sessions in chisel.

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

By using the `load` command when starting a chisel session you can load any of the earlier saved sessions. When loaded you can use the session command `!source` to display the source code of the loaded/current session.

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

Other notable features of chisel is the possibility to fork a network, `!fork <rpc-url>` and toggling traces, `!traces`.

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

We have only scratched the surface of the tool yet, but I hope you will explore it more either via [Foundry book](https://book.getfoundry.sh/) or its [GitHub page](https://github.com/foundry-rs/foundry/tree/master/crates/chisel).

Happy REPLing
Revert local changes problem in NiFi
Tags: nifi
Published: 2023-12-26 12:02:15

I changed a controller service property in a processor in a procees group which is under a version control with Nifi Registry. In the property I changed from controller service A to controller service B (the names and types doesn't really matter).
Then when I check the "show local changes" I can see this change there.
Then, I'm trying to "revert local changes", but nothing happens, this specific change is still there.
When I'm trying to change it by myself back from controller service B to A, it does work.
My question is, why the "revert local changes" doesn't revert this specific change?
Green spider hoodie
Published: 2023-12-26 12:01:53

Introducing our [Green Spider Hoodie](https://thesp5derhoodie.us/spider-hoodie/green-spider-hoodie/) - a stylish fusion of comfort and eco-conscious design! Crafted from premium, sustainable materials, this hoodie embraces both fashion and environmental responsibility. Its vibrant green hue celebrates nature while ensuring a cozy, human-friendly fit. Perfect for chilly days or casual outings, this hoodie is your go-to choice for making a statement in support of sustainability. Embrace the comfort, embrace the cause - redefine your style with our Green Spider Hoodie today!
Wedding, Party, Meetings and Conference Halls in Bangalore | Regent Club
Published: 2023-12-26 12:01:49

Looking for a conference or banquet hall in Whitefield for meetings, weddings, events & parties? Regent Club offers well-furnished AC banquet halls for weddings, receptions, parties, birthdays, get together and corporate events for 50, 100, 150, 250, 500, 1000 persons in Whitefield, Bangalore. Plan Your Event Now!	

**[https://regentclub.in/banquet-conference-halls-whitefield-bangalore/](https://regentclub.in/banquet-conference-halls-whitefield-bangalore/)**
Melbourne Paint Protection & Correction
Published: 2023-12-26 11:52:36

A wide range of solutions are offered by [Melbourne Paint Protection & Correction](https://www.mirrorfinishdetail.com.au/packages/paint-protection/) with the goal of improving and maintaining car paintwork. The company, which specialises in paint correction and mirror finish detailing, uses top-notch materials and cutting-edge methods to guarantee a perfect and durable result. Their emphasis on accuracy and detail ensures that every automobile receives individualised treatment, giving it a flawless, showroom-caliber appearance. Melbourne Paint Protection & Correction is committed to providing clients with outstanding results and the maintenance of their vehicle's aesthetic appeal, whether they are fixing defects through paint correction or detailing to provide a mirror-like surface.