teleren/devto huggingface dataset:
Reactjs Crud Tutorial
Tags: react, javascript
Published: 2020-12-31 10:32:17

---
title: Reactjs Crud Tutorial
published: true
description: Reactjs Crud Tutorial
tags: #react #reactjs #javascript
//cover_image: https://direct_url_to_image.jpg
---
Hello friends, here you can get get complete **reactjs crud tutorial**:

[Reactjs Crud Tutorial - Add | Update | Delete](https://therichpost.com/reactjs-crud-add-view-edit-delete-tutorial/)

Thanks
Therichpost
Sleep function in javaScript
Tags: react, node, javascript
Published: 2020-12-31 10:29:23

`JavaScript` provides setTimeout() and setInterval() methods to delay execution of script. But, it doesn't provide any way to sleep execution at a single line. Let's build our custom sleep method.


## TOC

1. Prerequisites
2. idea
3. sleep API
4. uses
5. live interactive demo

## Prerequisites

* [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)
* [async](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function)
* [await](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/await)
* [setTimeout](https://developer.mozilla.org/en-US/docs/Archive/Add-ons/Code_snippets/Timers)

> I am assuming that you know the above prerequisites.

Idea is to use a promise to wait for a number of milliseconds. We know, we can delay the execution of certain script using `await`. Using await we can run the next script after the promise is resolved or rejected.

## Let's build our sleep API

``` js
function sleep(ms){
  return new Promise((resolve)=>{
    setTimeout(()=>resolve(),ms);
  })
}
```
The above sleep API will wait for some milliseconds, then it resolves the promise.

## Uses

> make sure to call this API inside the `async` function

``` js
async function test(){
    // wait for 3 seconds
    console.log("Waiting...");
    await sleep(3000); 
    console.log("The wait is over");
}
```
## Live demo

<iframe height="265" style="width: 100%;" scrolling="no" title="oNzpMZN" src="https://codepen.io/ats1999/embed/oNzpMZN?height=265&theme-id=dark&default-tab=css,result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/ats1999/pen/oNzpMZN'>oNzpMZN</a> by Rahul kumar
  (<a href='https://codepen.io/ats1999'>@ats1999</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
Angular 11 Crud Tutorial
Tags: angular, angularservice, javascript
Published: 2020-12-31 10:27:45

---
title: Angular 11 Crud Tutorial
published: true
description: Angular 11 Crud Tutorial
tags: angular, angularservice #javascript
//cover_image: https://direct_url_to_image.jpg
---
Hello friends, here you can find angular 11 crud tutorial:
[Angular 11 Crud](https://therichpost.com/angular-11-crud-add-edit-delete-tutorial/)

**Angular 11 Crud with Service and web api**
[Angular 11 Crud Add User](https://therichpost.com/angular-11-crud-tutorial-with-service-add-new-user/)
[Angular 11 Crud View User](https://therichpost.com/angular-11-crud-tutorial-with-service-view-user/)
[Angular 11 Crud Delete User](https://therichpost.com/angular-11-crud-tutorial-with-service-delete-user/)

Thanks
How to: Use multiple AWS accounts with the AWS-CLI
Tags: tutorial, aws
Published: 2020-12-31 10:27:35

If you are working with multiple AWS accounts, you can easily switch between your accounts by creating multiple profiles on the CLI.

1. Get list of AWS profiles `aws configure list-profiles`. By default, there will be one `default` profile

2. To add a new profile, you will first need to [generate](https://docs.aws.amazon.com/IAM/latest/UserGuide/id_credentials_access-keys.html#Using_CreateAccessKey) an `access_key_id` and a `secret_access_key`.

3. Profiles are stored under the config and credentials files. You can configure additional profiles by adding entries to the files. In this case, we will add a new profile `user1`:

```
$ vim ~/.aws/config

[default]
region=us-west-2
output=json

[profile user1] // Include the prefix "profile" only when 
configuring a named profile in the config file
region=us-east-1
output=json
```

```
$ vim ~/.aws/credentials

[default]
aws_access_key_id=AKIAIOSFODNN7EXAMPLE
aws_secret_access_key=wJalrXUtnFEMI/K7MDENG/bPxRfiCYEXAMPLEKEY

[user1] // Do not use the prefix "profile" 
aws_access_key_id=YOUR_ACCESS_KEY
aws_secret_access_key=YOUR_SECRET_ACCESS_KEY
```

4. Verify that the profile is successfully added by `aws configure list-profiles`. You should now see 2 profiles:

 ```
 default
 user1
 ```

5. To switch between different AWS accounts, set the AWS_profile environment variable at the command line via `export AWS_PROFILE=profile_name`. Setting the env variable changes the default profile until the end of your shell session or until you set the variable to a different value.

6. Use `aws configure list` to list your current profile.

For documentation to named profiles, see guide [here](https://docs.aws.amazon.com/cli/latest/userguide/cli-configure-profiles.html).
Async Messaging With Kotlin, Kafka and Docker
Tags: asynchronous, messaging, kotlin, kafka
Published: 2021-01-01 10:37:17

---
title: Async Messaging With Kotlin, Kafka and Docker
published: true
date: 2020-12-31 10:15:55 UTC
tags: asynchronous,messaging,kotlin,kafka
canonical_url: https://medium.com/nbrites/async-messaging-with-kotlin-and-kafka-488e399e4e17
---

[![](https://cdn-images-1.medium.com/max/1024/1*nvvWoKSpbl9Ync4Xz2R_Rg.png)](https://medium.com/swlh/async-messaging-with-kotlin-and-kafka-488e399e4e17?source=rss-269f954fad8c------2)

A simple message producer and consumer in Kotlin to interact with the Apache Kafka streaming platform

[Continue reading on The Startup »](https://medium.com/swlh/async-messaging-with-kotlin-and-kafka-488e399e4e17?source=rss-269f954fad8c------2)
Dispatch a job from tinker in Laravel
Tags: laravel, php, mysql, webdev
Published: 2020-12-31 10:06:01

When you need to dispatch job from tinker, the normal command which is 
``` App\Jobs\YourJob::dispatch(); ```
would not work in tinker because dispatch helper function depends on garbage collection. Hence to dispatch a job from tinker, use any of the following commands 


``` 
\Bus::dispatch(new App\Jobs\YourJob($someArgument));
```
```
\Queue::push(new App\Jobs\YourJob($someArgument)); 
```


Reference - https://github.com/laravel/tinker/commit/1baadfe1721f85cd4e776aa323128dcd329f170d#diff-04c6e90faac2675aa89e2176d2eec7d8
Create (lovely) React Tabs !

Tags: react, ui, front
Published: 2020-12-31 09:58:43

###No ! You don't need **some dependencies** to create your own Tabs with React in **2 minutes.**
(Full Source code at the bottom)
<br>
If you prefer to **watch the video** version it's right here : 

{%youtube WkREeDy2WQ4%}


##1. Setup your state

Import useState, and make it start at "1", since we want the first tab to show off.

```React
const [toggleState, setToggleState] = useState(1);
```

##2. Setup the toggle

In the JSX, setup an eventListener, notice that we use an anonymous function to call a function with an argument :
```react
<button
   className="tabs"
   onClick={() => toggleTab(1)}
>
  Tab 1
</button>

```

Then create that sweet function that changes the state :
```react
const toggleTab = (index) => {
    setToggleState(index);
}
```
*Wow, the logic is already done !*

##3. It's conditionnal class rendering time.

Now we want to display **the right tab & the right content** at the same time, we will indeed use the handy *ternary operator.*

For each tab :
```react
 <button
    className={toggleState === 1 ? "tabs active-tabs" : "tabs"}
    onClick={() => toggleTab(1)}
 >
    Tab 1
 </button>
```
For each content :

```react
<div
className={toggleState === 1 ? "content  active-content" : "content"}
>
```

**And voilà !** 🥖🍷
*A lovely reusable component.*

**Source code,** with all the **shiny CSS** is right here :
https://github.com/Ziratsu/YT-REACT-TABS/blob/master/src/App.js

Come and take a look at **my brand new Youtube channel** :
https://www.youtube.com/c/TheWebSchool
Be the **pioneer** that follows me uh ? 😎

*See you next time for some quick and polished tutorials !*
VSChat | Chat online in VSCode
Tags: vscode, programming, discuss, devops
Published: 2020-12-31 09:54:55

Hey Everyone
Wassup?
Today I was reading an article about a cool extension in VSCode that you can chat __anonymously__ !(without registration)

I think it could be an amazing extension in VSCode for programmers and developers.

__VSChat__ is developing by _[Adem Kouki](https://github.com/Ademking/vsChat)_.

Let's take a look at the VSChat screenshot on my desktop :)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/f87j3tq0n7ml3iodif70.png)<figcaption></figcaption>

>__Youtube Demo__

+ Take a look at __[VSChat Youtube Deme](https://youtu.be/jaNGBBn8BJE)__ youtube demo.

*******

>__How to Download?__

+ You can download __[VSChat](https://marketplace.visualstudio.com/items?itemName=Ademking.vschat)__ in the VSCode marketplace.

****************

>__Features__

+ Chat while programming
+ No need to register(Chat anonymously)
+ If you type @ + username, like @ matt, it will highlight the message to that user. Click the circle avatar to quickly add it to the input.
+ If you paste a link to an image, it will show the image inline. Also, pasted URLs will turn into links.

******************

>__Rules__

+ Be positive & helpful
+ Be respectful
+ Do not self promote
+ Always be polite
+ Have fun!

*****

Alright guys I hope you enjoy this fascinating extension.



#Keep Moving Forward ツ

##Enjoy Your Journey 👊

##Code with 💛

__🅑🅐🅝🅙🅘__
Covid19 Italy - a project for my Country
Tags: react, webdev, frontend, covid
Published: 2020-12-31 09:46:10

*In this year together, we have fought, and we keep doing that, a war. It might sound exaggerated, but think it over, about the effects: crisis in every field. Who suffer from it? The economies of the countries. Who suffers most often? The society, the human relation and, more than any other, every single man and woman who faced (and facing), with difficulty, this crisis.*
> 
Let us not be discouraged, however, by the difficulties, **together**, once again in the human history, we will rise. Renewed. **Stronger and united**.
This is the big lesson from this big crisis.

Sorry for this introduction. My project starts precisely from that.
I wrote this that **takes the data** from Italy official dataset (*protezione civile, whom I thank*) and it **renders these in a minimal format**.

*I started the project about less than 10 days ago, with one goal*:
- provide information on the **state of alert about our national lockdown** for the Christmas holidays;
- provide information on the numbers, **updated daily**;
- humbly asking **to stay home**, if not really needed
- **give thanks** to every doctor, nurse, officer and every single man who have to take care of the other

 [WebApp](https://casiimir.github.io/covid-italia/) 
 [Repo](https://github.com/casiimir/covid-italia) 
 
This is my personal **Christmas Hackathon Project**.
Maybe it isn't impressive, but **this is my really first project in React that I loved**. Not for what the code does, but **for what it communicates**.

Code needs refactoring, I had to write it quickly, but it works.

*I would love to receive your opinion, it's also my first post here!*

Wishing you a serene and profitable year, I think we all deserve that.

(This post was originally posted on my Hashnode [Blog](https://casiimir.hashnode.dev/covid19-italy-a-project-for-my-country))
Applied Data Science With Python Specialization Review in 2021
Tags: datascience, machinelearning, python
Published: 2020-12-31 09:38:35

I recently completed **Applied Data Science with Python Specialization**. And today I am gonna share my experience with you. So take your final decision after reading my Applied Data Science with Python Specialization Review.

So, let’s start with the first section that is-

##**About**

**[Applied Data Science with Python Specialization](https://click.linksynergy.com/deeplink?id=Vrr1tRSwXGM&mid=40328&murl=https%3A%2F%2Fwww.coursera.org%2Fspecializations%2Fdata-science-python)** is available on Coursera, an online learning platform for enormous online courses. This specialization program includes 5 courses. Each course focus on some characteristic of using Python for data science.

After successfully completing all 5 courses, you will get a completion certificate for each course. You can add these certificates to your portfolio, and LinkedIn profile.

##**Who Should Enroll?**
**[Click to continue reading...](https://www.mltut.com/applied-data-science-with-python-specialization-review/)**
If Injection
Published: 2020-12-31 09:17:36

Hackers use 𝗦𝗤𝗟 𝗜𝗻𝗷𝗲𝗰𝘁𝗶𝗼𝗻 to destroy the database
Developers use 𝗜𝗳 𝗜𝗻𝗷𝗲𝗰𝘁𝗶𝗼𝗻 to destroy the code :D
Scraping images for batch downloads
Tags: scrape, images, devtools, wget
Published: 2020-12-31 08:49:00

To use existing image APIs, like [LoremFlickr](https://loremflickr.com/) or [PlaceImg](http://placeimg.com/), you can run this for loop directly in your terminal:

    #install wget if you don't already have it
    brew install wget 

    for i in {1..10} ; do wget 
    https://loremflickr.com/g/630/340/dog -O dog-"$i".jpg

This will go to the url 10 times, and download the request response as a jpg image, renaming the file "dog" with the "index number" appended. (ie. dog1.jpg, dog2.jpg, etc.)

Here's another resource by a 
loadenmb for bulk downloads using your shell.
https://gist.github.com/loadenmb/08203f3467965776caea6b44d6f88fe3

To scrape a whole page, you can go through Google DevTools to get a list of all image urls. I'm sure there are other ways to go about this, but this is the way I found. It was also quite fun to get more familiarized with the DevTools Network panel and filtering capabilities through it.

> -Open dev tools
> -Select the Network panel
> -Click the funnel icon to enable filtering
> -Select Img to enable filter for images only
> -Click and highlight all the image urls you want
> -Copy urls into a text file

If your txt file is formatted correctly(with a new url on each line), with wget you can run this code to download all the urls from that txt file. FYI you may need to convert those downloads into JPEGs afterwards, something that I ended up just doing through my Mac Finder.

    wget -i yourtextfile.txt

Hopefully these tips can help someone out there :D Best of luck with your scraping!
Latest IoT Solutions Development Company
Tags: iot, iotdevelopmentcompany, iotapplicationdevelopment, iotapp
Published: 2020-12-31 09:11:44

Get the latest technological advancements that make your business get the required growth with the utilization of IoT-enabled technological advancement. Hashstudioz brings you some of the finest resources for IoT development. Avail the IoT-based resources at https://hashstudioz.com/IOT-development-company.html
Singly Linked List implementation in JS + DOM visualization
Tags: javascript, webdev, uiweekly, algorithms
Published: 2020-12-31 09:08:11

My goto programming language solving an algorithmic problem has always been C++.

But few days ago I thought, let’s create a linked list in JS since that’s what I use in my day to day work.

I lost track of when the initial requirement transformed into visualizing the same using DOM APIs.

Functionalities:-
📌 Insert node at any position.
📌 Delete node using reference or delete single or multiple nodes using value.

That Next State button works using generator function which loops over a predefined operations list to be performed on this linked list and yields on each button click.

P.S. - Feel free to play around and implement more functionalities if you want.
{% codepen https://codepen.io/lapstjup/pen/GRjNJBV %}
GET.. Your Telegram Scraper & Groups Adder Today..
Published: 2020-12-31 08:40:48

GET.. Your Telegram Scraper & Groups Adder Today..
Visit: https://telegram-groups-scraper-adder.com

PRICE FOR THE ABOVE TELEGRAM SCRAPER & ADDER BUNDLE ONLY $100..
ONLY BITCOIN PAYMENT ACCEPTED..


FAQ

Q: In which language these scripts are written?
A: These scripts are written in Python programming language.

Q: Do I need to be a windows user OR mac user to use them?
A: You can run and use these scripts in any OS ( mac, windows, Linux ). This is one of the biggest advantages because you are not limited to one OS as well as it gives you more flexibility.

Q: Do I need to be a programmer in order to use them?
A: NO!! you don’t need to be a programmer in order to use them, because everything is already written in the code and you will get a well-detailed setup guide that will help you to get started even if you have basic computer knowledge.

Q: Is there any adding limit to group/channel?
A: There is no limit with the group but with the channel, the telegram has a restriction of 200 members.

Q: How long do I have access to the scripts?
A: How does lifetime access sound? You will have unlimited and lifetime access.

Q: What if I still face a problem even after reading your setup guide?
A: Don’t worry you will get my contact details inside the setup guide so you can contact me there whenever you want and I will personally help you to set up everything via Team Viewer.

Q: Will I get a refund after I received the product?
A: No, we don’t offer a refund once you have received the product. All sales are final.

For Inquires: Skype: peterkim08
Best E-Learning marketplace App Solution
Tags: elearning, onlinelearning, elearningmarketplace, elearningapp
Published: 2020-12-31 09:00:24

Bring in the advanced technology to drive your e-learning business with more engagement and grow at pace with the Hashstudioz Best e-Learning marketplace app solution. Find the optimal eLearning App development at https://hashstudioz.com/elearning-marketplace.html
Ready to Serve - A plug and play backend server
Tags: hacktoberfest, java
Published: 2020-12-31 08:54:06

## What I built
A backend server for people who don't want to write backend code.

Ready to Serve lets you set up a server with functionalities that you want by using plugins to offer those functionalities and map them to endpoints. Plugins are just jar files.

### Website
https://bbloggsbott.github.io/ready-to-serve

{% github bbloggsbott/ready-to-serve %} 

## Background
It originally started as a much simpler server that could serve static markdown content with live-reload so users can edit the markdown files and the changes (including endpoint changes) will be reflected without the need to restart the server. Then I wanted it to be able to let the user serve any functionality they want. So I built it so it can load any `jar` file and use the methods in it and link them to endpoints.
Best Online Travel Booking Engine
Tags: travelbookingapp, traveltechnology, onlinetravelportal, travelenginebooking
Published: 2020-12-31 08:53:01

Enable your travel business with the latest technology. Hashstudioz brings you a well optimized AI based travel booking engine to boost your travel booking business. Know more about the travel booking engine at https://hashstudioz.com/travel-technology-services.html
Boolean in C
Tags: c, boolean, discuss, beginners
Published: 2020-12-31 08:25:46

---
title: Boolean in C
published: true
description: Do we need boolean in C?
tags: c,boolean,discuss,beginners
//cover_image: https://direct_url_to_image.jpg
---

There's no `boolean` in C Language, besides we can use non-zero int as true, otherwise false.

But if int size is 4 bytes, can we use char instead to have 1 byte of boolean?
Productive Marketing Strategies And Crucial Elements To Succeed In The Food Delivery Market
Published: 2020-12-31 08:24:57

Are you planning to set up your food delivery brand in the market?

Or Looking for approaches to develop your existing [food delivery](www.inoru.com/ubereats-clone) business?

The on-demand sector is filled with potential competitors, so staying ahead in the game is highly crucial.

There are three vital elements that will help you become a top brand in the market.

Read more : [https://theomnibuzz.com/productive-marketing-strategies-and-crucial-elements-to-succeed-in-the-food-delivery-market/](https://theomnibuzz.com/productive-marketing-strategies-and-crucial-elements-to-succeed-in-the-food-delivery-market/)
Top 5 Best Practices for Immersive Game Level Design
Tags: gamedev, design, videogame, development
Published: 2020-12-31 08:12:35

Game level design is part of the game development process that deals with creating the stages, maps, and missions of the game. The main mission that a game level designer must fulfill is to build interactive situations within the game so that the player stays engaged and challenged to complete the actual level, but also to explore the next levels. A good game level design has to make the player wants to spend his free time in that game environment, to explore and offer a game world with a distinct look and feel that necessitates certain gameplay. 
1. For an immersive game level design, do not skip creating a game design document
2. Make it interactive and fun
3. Lead the Player
4. Vary the Scenery
5. Use denial and reward techniques

Do you think that those are the most important practices?
#P2 - ML Types
Tags: machinelearning, python
Published: 2020-12-31 07:38:30

There are three types of Machine Learning
##Supervised Machine Learning
It is Task-Oriented learning where you provide various input and output samples. the machine then tries to learn from the given samples and figure out a relation (tries to map between the input and output). At a certain point, it has learned too much from those samples so that it can predict nearly the correct output of the new input.

There are two types of Supervised Learnings
**1. Regression**
It deals with predictions related to Numerical Data. Here you have to predict a numerical (continuous) value as an output.
>example - 
you are given the sum of marks of a student over the last 7 years, and you have to predict the sum for this year.


**2. Classification**
It deals with predictions related to Categorical Data. Here you have to predict a category to which the data belongs on the basis of input.
>example - Sentiment analysis
You are given the facial properties of a person and you have to identify his sentiments(happy, sad, angry).

## Unsupervised Machine Learning
In this learning, we just have input but no output by which we can apply supervised learning. here the data is processed for all the possible ways to group it in various types called labels(classes), and assigning a class to a member of this data is called labeling.
> example - Buying habits of people
here various people have various needs and interests and its hard to group them. by applying unsupervised learning, we can identify new trends in buying habits.

## Reinforcement Learning
It is a mixed version of learning where improvements on a previously learned model are continuously made to improve it. 
> example - an action game goes hard as you play it. 
I am not sure but this can be an example of Reinforcement Learning. When I play shadow fight 3 I found that it gives suggestions like - your opponent is learning your moves, use different moves. so I think that it could be related to reinforcement learning.