teleren/devto huggingface dataset:
Guida React Props da Parent a Child
Tags: webdev, javascript, react, props
Published: 2022-08-26 18:18:00

## Introduzione 
In questa semplice quida vi guiderò passo dopo passo all' utilizzo di `props` per il passaggio di valori da un componente all'altro. Nella guida vedremo come si passano i valori dal componente genitore al figlio.

### Passiamo i props al Child 

Il termine `props` non significa altro che _proprietà_ . Ipotizziamo che vogliamo passare dei valori dal componente parent `Videoteca.js` al componente child `Film.js`.
Scriveremo in da `Videoteca.js` in `<Film />` gli attributi che vogliamo passare:
- titolo
- genere
- data

Ed impostiamo ad ogniuno il corrispettivo valore:

```jsx
import React from 'react';
import Film from './Film';
import './style.css';

export default function Videoteca() {
  return (
    <div>
      <h1 class="text-center">Videoteca</h1>
      <div classname="container-film">
        <Film titolo="Godzilla" genere="Azione" data="2012" />
      </div>
    </div>
  );
}
```

### Prendiamo i props dal Parent 
Ora andiamo nel nostro componente child `Film.js` e impostiamo un argomento di nome `props`(la scelto del nome è a vostro piacimento, ma consiglio di scrivere `props` per una maggiore chiarezza).
Per accedere al titolo ci basterà scrivere `props.title` e per visualizzarlo nel componente ci basterà inserirlo tra parentesi graffe:
```jsx
import React from 'react';
import './style.css';

export default function Film(props) {
  return (
    <div class="film">
      <h3>{props.titolo}</h3>
    </div>
  );
}

```

Semplice, no? Possiamo fare lo stesso con `genere` e `data`. Inoltre nulla ci vieta di farlo con altri componenti `Film.js`: 

{% embed https://stackblitz.com/edit/easy-props-parent-to-child?embed=1&file=src/Film.js %}

### Sommario

Se non vi è ancora chiaro immaginate `props` come una scatola. Quando andiamo a inserire gli attributi HTML dal parent al nostro child immaginate che riempiamo la "scatola props" con quegli attributi e li passiamo al componente dove li abbiamo scritti. Fatto questo ci basterà scrivere `props.nome-attributo` nel child per farli "uscire dalla scatola".
(Non prendere questa come definizione, è solo un esempio per farvi capire il concetto).

---

Spero questa mini guida vi sia piaciuta , considera di mettere ❤️ al post e seguirmi sui miei social:

[Linkedin](https://www.linkedin.com/in/giandomenico-pagliara-699108179/)
[GitHub](https://github.com/PagliaraG)
Day-3 of Machine Learning
Tags: machinelearning, beginners
Published: 2022-08-26 18:05:52

Day-3 of Machine Learning:

- Compute cost function j(w, b) for linear regression with one variable. Also plotted different cost varies with respect to both w and b in 3D or using a contour plot.

Also
- Did some multiple recursion call problems (for example: Fibonacci terms)
How can you execute a function after pressing a button or actually any other HTML element.
Published: 2022-08-26 18:04:13

Hi there!

Today I am going to show you how you can execute a function after clicking on an HTML element. 

You have to query an element from the document. There are **few ways** you can do it like `getElementByClassName` or `querySelector`. I will use `getElementById`:

For example:

```
const button = document.getElementById("buton");
```

Assign a listener to this element (button), which will be triggered a function after the element was clicked: 
```
buton.addEventListener("click", function() {
   alert("Hello there!")
 });

```
In this case, an alert will be displayed with the text '**Hello there!**'

You can also assign a named function:

```
function clickButton() {
   alert("Hello there!");
 }
 
 button.addEventListener("click", clickButton);

```

As I mentioned above, you have **several ways** to query for an element from a document. Here is a link, with more examples, eg.: how to assign a listener to each element from a list of elements: https://jsfiddle.net/8jo9vhsa/1/

If you have any suggestions, feel free to write a comment.

Thank you!
Machine Learning Resources
Tags: machinelearning, datascience, beginners, computerscience
Published: 2022-08-26 18:02:00

In this article, I'll share some courses and resources that you can follow to start your machine learning journey.

Other Detailed Roadmaps you can refer as well:
* [Beginners Learning Path For Machine Learning] (https://dev.to/ahmadmustafaan1/beginners-learning-path-for-machine-learning-50ka)
* [How to do ML week by week Roadmap](https://dev.to/gabrieleboccarusso/how-i-am-learning-machine-learning-week-0-o7b)

**Learn Python**
* [Python Basics](https://www.youtube.com/playlist?list=PLFCB5Dp81iNVoB_eWmDB1nEusSCurrsac)
* [Numpy](https://www.youtube.com/watch?v=QUT1VHiLmmI)
* [Pandas](https://www.youtube.com/watch?v=vmEHCJofslg)
* [Matplotlib](https://www.youtube.com/watch?v=3Xc3CA655Y4&t=68s)
* [Python in 12 Hours](https://youtu.be/LHBE6Q9XlzI)
* [Python Projects](https://www.udemy.com/course/python-complete-bootcamp-2019-learn-by-applying-knowledge/learn/lecture/15770046?start=0) 

**Mathematics**
* Linear Algebra (Most Important)
* Probability and statistics
* Calculus

**Machine Learning**
* [Machine Learning -Andrew, Stanford](https://www.youtube.com/playlist?list=PLLssT5z_DsK-h9vYZkQkYNWcItqhlRJLN) (Watch at least first four lectures if you get bored and think to switch
* [ML specialization -Introductory](https://www.deeplearning.ai/courses/machine-learning-specialization/)
* Will get to it later


**Websites you should visit**
* [kaggle](https://www.kaggle.com/)
* [tensorflow](https://www.tensorflow.org/resources/learn-ml?gclid=CjwKCAjw3qGYBhBSEiwAcnTRLuM7VxdcNmgl2ezmRkofEwce1CzTSK_4BOzxrOruH22FN-ojUytI4BoCRS8QAvD_BwE)
* [DeepLearning.ai](https://www.deeplearning.ai/)


**Git/GitHub**
* [Git and GitHub For Beginners](https://www.youtube.com/watch?v=RGOj5yH7evk&t=1557s)
* [Tips and tricks](https://www.youtube.com/watch?v=ecK3EnyGD8o)
* [Ok, so you want to be pro!](https://www.youtube.com/watch?v=Uszj_k0DGsg)

**Projects To Contribute**
* [500 AI-ML Projects](https://github.com/ashishpatel26/500-AI-Machine-learning-Deep-learning-Computer-vision-NLP-Projects-with-code)

**YouTube is your best friend**
* [3blue1brown](https://www.youtube.com/c/3blue1brown) (check essence through graphical representations)
* [Keith Galli](https://www.youtube.com/c/KGMIT) (Python tutorials)
* [Joma tech](https://www.youtube.com/c/JomaOppa) (for fun xD) 
* [Krish naik](https://www.youtube.com/user/krishnaik06)

To Be Continued...
How to show the retrieved values from local storage in javascript when the browser window of the form is duplicated?
Tags: javascript, webdev, html, laravel
Published: 2022-08-26 17:55:21

I want to get the data in form fields when the browser window is duplicated. I am storing the data in local storage for the below form:

    `<div class="col-sm-6">
                        <div class="form-group">
                            <label>CRU ID</label>
                            <select name="cru_agent_detail_id" class="form-control select2" id="user_list">
                                <option value="">Select CRU ID</option>
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}">{{ $user->cru_id }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <label for="exampleInputEmail1">Agent Name</label>
                        <input type="text" class="form-control" name="name" id="agent_name" placeholder="Agent Name"
                            readonly>
                    </div>`
The form's CRU ID field is a select box which is populated from database and upon the selection of the menu the name of agent is shown in agent name field. I am storing the values of the above fields in local storage but cannot fetch them in the input fields when the browser window is duplicated. The code I did for it is:

    `$(document).ready(function() {
            /* let id;
            id = localStorage.getItem('cru_id');
            console.log(id) */

            $('#user_list').change(function() {
                cru_id = $('#user_list').find(":selected").text();
                localStorage.setItem('cru_id', cru_id);
                get_cru_id = JSON.stringify(localStorage.getItem('cru_id'));
                console.log(get_cru_id);
                id = $(this).val();
                $.ajax({
                    url: 'get-user-detail/' + id,
                    type: 'get',
                    dataType: 'json',
                    success: function(response) {
                        let user = response.data
                        $("#agent_name").val(user.name);
                        agent_name = $("#agent_name").val();
                        localStorage.setItem('agent_name', $("#agent_name").val());
                        get_agent_name = JSON.stringify(localStorage.getItem('agent_name'));
                        console.log(get_agent_name);
                    }
                })
            });
        });`
The values are stored in local storage but are not retrieve when the browser window is duplicated.
Advertising on Twitter — advertising cabinet and campaign launch
Tags: marketing
Published: 2022-08-26 17:50:31

Since Ukrainian advertisers rarely choose Twitter as a source of attracting customers, there is almost no information about the effectiveness of this social network in free access. At the same time, Twitter ranks 7th among the most popular social networks in the world and is among the top five platforms for placing paid advertising.

My team and I are currently testing the effectiveness of twitter for several niches, so we will be able to share the results soon. And if you have a desire to try it yourself, we have prepared a mini-guide for starting it yourself. Step-by-step instructions for launching an advertising campaign on Twitter. From creating an advertising cabinet to passing moderation and launching a campaign.
How to create and configure a Twitter advertising account?

To create an advertising account on Twitter, you need:

1. 
Open personal profile

1. 
Click the Other actions button

1. 
Select the Advertising tab on Twitter

1. 
In the next window, you need to select the country and time zone for reporting.
You can find more great and useful info at [https://idi-na-zavod.com/uk/](https://idi-na-zavod.com/uk/)
Final Weekend of the Redis Hackathon on DEV!
Tags: meta, redishackathon
Published: 2022-08-26 17:38:53

---
title: Final Weekend of the Redis Hackathon on DEV!     
published: true
description: It's the final weekend of the Redis Hackathon on DEV. Don't miss your chance to participate!
tags: meta, redishackathon
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3ps8kw036k3n055ko3mz.png
---

### <mark>*The [Redis Hackathon on DEV](https://dev.to/devteam/announcing-the-redis-hackathon-on-dev-3248) closes on August 29 @ 11:59 PM UTC. Don't miss your chance to build a new app and win prizes for it!*<mark> 

{% embed https://dev.to/devteam/announcing-the-redis-hackathon-on-dev-3248 %}

--- 

**The Redis Hackathon on DEV closes this upcoming Monday!**

If you haven't joined in yet, we encourage you to consider it — we think many of the folks in this community will enjoy using Redis' multi-model primary database to build a new application (and have fun in the process). 

**By submitting a valid project, you stand to win one of five Grand Prize packages, which include...** 
- $2,000 USD in cash
- $300 USD credit to [our shop](https://shop.forem.com)
- A DEV sticker pack
- A glorious "Grand Prize" digital profile badge! 

**In addition, 20 runners-up will win...** 
- $200 USD in cash
- $150 USD at our shop
- A DEV sticker pack
- An enviable "Runner Up" digital profile badge

**As an optional supplement to your project, we invite you to create a video version of your submission post! Doing this will make you eligible to win $200 USD extra if your project gets selected as a Grand Prize winner or runner-up.**

Finally, ALL participants with a valid project will get a DEV sticker pack and a digital participant profile badge.   


**[>> Click here to read the rules and join in](https://dev.to/devteam/announcing-the-redis-hackathon-on-dev-3248).**


If you'd like to tell us how your project is coming or meet the other participants, check out the Redis Hackathon [Community Discussion Thread](https://dev.to/devteam/community-discussion-thread-redis-x-dev-hackathon-4cl6). 

If you need help with your project or have a question about the hackathon rules or Redis, pop into the [help thread](https://dev.to/devteam/redis-x-dev-hackathon-help-thread-a7b). We'll be happy to assist you there!


Good luck to everyone who submits a project for this contest.  We hope to see an entry from you!    

---
_Click [here](https://dev.to/devteam/announcing-the-redis-hackathon-on-dev-3248) to find all the info you'll need to get started._ ❤️
Why Fiverr`s backlinks are awful?
Tags: seo
Published: 2022-08-26 17:30:40

## Why You Shouldn't Buy Fiverr External Links?

Now let's summarize all that we had time to talk about. What are the downsides of buying links on Fiverr:

- 
**Complete lack of control**: you cannot influence the process of placing links, and you can evaluate the results only by the fact that the work is completed. It will be okay to post links, don't doubt it, because the ultimate goal is simple: to get an external link.

- 
**Irrelevant donor sites**: even if most sites have high authority figures, links to your resource will lead from an empty page with zero activity. Almost all of them will have nothing to do with the subject of your site.

- 
**Auto-posting and spamming**: As you might have guessed, this is all done with legacy software because it's simply impossible to do this amount of work manually. At the same time, profiles are often used, from which several dozen similar spam messages have already been created on each of the resources.

- 
**Lack of the promised result**: I will remind you once again that Google's algorithms are smarter than you think and will easily filter out hundreds or thousands of similar links and you will not get any TOP-1. Instead, pessimism, a drop in traffic and visits will await your site.

- 
**Most links will be deleted or not indexed**: sites with high DA/DR/AS regularly remove spam and inactive profiles from their resources, and almost all the low-quality links you buy will go there.

- 
**High risk of getting sanctioned by Google**: due to the complete lack of competence of the sellers and indifferent attitude towards your resource, you are very likely to be sanctioned by the search engine and will take a very long time to recover.

You can find more useful info about [linkbuilding](https://rozkrutka.site/blog/linkbuilding/) at Rozkrutka.site.
Hello 🌐!
Tags: freelance, digitalnomad, programming, webdev
Published: 2022-08-26 17:25:00

Somehow while doing research on how to make the best personal portfolio website, I ended up here. ( Thanks to  @delbaoliveira 's video about her website, and thanks to @joshwcomeau 's blogpost about "How to Learn stuff quickly").

Welcome to my world everyone!
First things first
Published: 2022-08-26 17:17:50

Here's a brief introduction about me, i'm a 36 yo Brazilian man, married to Vanessa, son of Cida and Toninho, brother of Debis Candido and human of 4 dogs 🐶🐶🐕🐕. 
In the professional area, I've worked with ecommerce as a retailer for over 15 years. This experience brought me to this moment that I need to start a new career and the tech field was too magnetic for me to avoid it, so in April of 2022 I "dive right in" (learned this one right now) a fullstack bootcamp course.
[Hiring Coders](https://www.hiringcoders.com.br/) is a challenge mode course, which starts with 10 thousand people and ends after 3 months with 6 teams of 10 devs each, and my team came first place (yay)! In the next post, I'll talk about the bootcamp experience and the next steps I'm planning to take.

Thanks for your attention.
New Update : Announcing React Native 0.69
Tags: reactnative, newupdate, programming, opensource
Published: 2022-08-26 16:41:01

We are excited to release a new version of React Native, 0.69.0. This version comes with several improvements for the New Architecture of React Native and new features: React 18 support & bundled Hermes. 

## **Sections**

- React 18
- Bundled Hermes
- Highlights of 0.69

## **1. React 18**
We are delighted to share with you that React Native 0.69 is the first release to support React 18. React 18 has brought lots of improvements, like new hooks such as `useId`. Additionally, React 18 includes new concurrency features such as `useTransition `or full Suspense support.

## **2. Bundled Hermes**
Hermes and React Native were released separately. That led to confusion on which version of Hermes is compatible with which version of React Native. To remedy this issue, starting with React Native 0.69 we will be shipping a compatible version of Hermes alongside React Native. Making this change will make using Hermes in React Native much more stable.

**Note**: that users on the New Architecture on Android will need to build Hermes from source. For building Hermes from source, Windows users will need to additionally follow [these steps](https://reactnative.dev/architecture/bundled-hermes#android-users-on-new-architecture-building-on-windows).

## **Highlights of 0.69**
As mentioned above, the most important improvements in this release are centered around React 18 support and bundled Hermes. However, there have been other notable changes, including:

- Deprecating support for `iOS/tvOS SDK 11.0`, version 12.4+ is now required
- Better support for M1 users developing for Android
- Addition of the new `.xcode.env` configuration file for more deterministically sourcing the node executable
- React Native now uses the latest status bar API from Android 11
- Support for `C++17`
- New `hotkeysEnabled `option in the iOS debug menu

## Breaking changes
There have also been a few breaking changes:

- React Native CLI has been bumped to a new major version of 8.0

     1. link and unlink commands have been removed in the favour of autolinking
     2. Deprecated initCompat has been removed, use init command instead
     3. Removed deprecated run-android properties
     4. Removed install and uninstall commands
     5. Removed assets and hooks from react-native.config.js – you'll need to remove these properties from your config
     6. podspecPath was removed from the iOS dependency config
     7. Removed --project-path option from a run-ios
     8. Changed iOS source directory detection from looking for an Xcode project to looking for a Podfile

- Support for console.disableYellowBox has been dropped
- Already deprecated prop types have been removed (cdfddb4dad, 3e229f27bc, 10199b1581)
- removeListener, deprecated since RN 0.65, was removed from Appearance
- If you were using SegmentedComponentIOS, you will now need to replace it with the third-party library, for example segmented-control (235f168574)

Thanks so much for being part of the DEV community! 🙌
Ha proxy configuration for mysql servers in such a way that one sql server need to read and the other need to read and write .
Tags: haproxy, loadbalancer, devops, mysql
Published: 2022-08-26 17:17:47

I have 3 servers 1 master and 2 slave the master is installed with haproxy and the slaves are with mysql and replication created in between those servers .
Now the requirement is one slave need to read and the other need to read and write . How to configure this scenario need documentation or supporting video please
Closure in Javascript(Bangla)
Published: 2022-08-26 17:02:00

**closure হচ্ছে, একটা  function এ  ব্যবহৃত  data, যেই  data টা এই  function এর  scope এ  ডিক্লেয়ার  করা  নাই, অর্থাৎ, এই  নিজস্ব  function এ, এই  data টা own করে  না । বাইরের  থেকে এই  data টা আসছে,  মানে  parent function থেকে  আসছে ।**

```javascript
function test() {
    let msg = "I am learning for ";
    let month = 6;
    return function () {
        console.log(msg, month);
    }

}
var sayMsg = test();
console.dir(sayMsg);
```
The Serverless Edge - Speaking at Devops Enterprise Summit
Tags: serverless, cloud, wardley, mapping
Published: 2022-08-26 17:05:16

We take a look back at The Serverless Edge in Vegas !!.....well virtually at the Devops Enterprise Summit 2021. 

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

[Dave and Mark](https://theserverlessedge.com/meet-the-team-behind-the-serverless-edge/) presented at [DevOps Enterprise Summit 2021](https://theserverlessedge.com/devops-enterprise-summit-our-guide-to-the-best-bits/) Virtual – US. Their talk was about [Using Wardley Mapping with the Value Flywheel for combined business & technology evolution](https://videos.itrevolution.com/watch/621617659/?s=03).

## The Value Flywheel Effect Book

They announced ['The Value Flywheel Effect' book launch with IT Revolution](https://itrevolution.com/announcing-new-book-from-david-anderson/). And they gave viewers a taster of what to expect.  Regular readers will know that Dave and Mark are [advocates of Wardley Mapping](https://theserverlessedge.com/wardley-mapping-with-the-value-flywheel/).  In their presentation they go into how Wardley Mapping can help orgs to [modernize cloud applications and drive business](https://theserverlessedge.com/do-you-know-how-to-find-your-why-in-your-strategy-goals-and-organisation/
).

They have developed these concepts further.  By introducing the Value Flywheel which demonstrates the continuous nature of transformation in the digital era.  They [explore the elements of the value flywheel](https://theserverlessedge.com/the-value-flywheel-effect-book-9-reasons-to-read-the-first-excerpt/). And show how it can start the journey towards a serverless-first organization.  They show how orgs need to build a sense of purpose and challenge their landscape. In order to execute the next best action and create long-term value. 

## Live Wardley Mapping

It's a rare treat! At the Devops Enterprise Summit 2021, you can watch the duo work through a live  Wardley mapped example. It helps to bring the Value Flywheel to life.  Their demo also makes their strategy real. And it reveals the methods of building situational awareness.

So tune into their session and don't miss out on watching them work through their tools and techniques in action.  Mark and Dave have built these techniques from their lived experiences. They have brought orgs through the ups and downs of digital transformation journeys.  And they know the real life challenges experienced by technical and business teams tasked with reviewing and changing business models for the digital era.

Find out all you need to know at their virtual session at the Devops Enterprise Summit 2021.  Dave and Mark thrive on discussing their ideas and getting your feedback on the tools and techniques they are presenting.