teleren/devto huggingface dataset:
React Hooks and Considering Different Ways to Store Data
Tags: devjournal, react, codenewbie, womenintech
Published: 2020-09-24 09:50:50

_This post was originally published on September 24, 2020 on [my blog] (https://alexlsalt.github.io/blog)._

Happy Thursday! This morning was pretty relaxed, and then this afternoon, I'll be jumping more into Pure React and implementing all the fun Hooks learning!

The idea of Hooks is definitely becoming more and more clear to me; and not only that, but also the different types of hooks and their uses.

So far, I've been exposed to useState, useRef, and useReducer.

Still need to continue on through useReducer, and then up next will be useEffect.

Aside from that, I'll be working a bit more on So You Think You Can France. I'm drafting out a general UI for searching for the city guides. At the moment, I'm getting everything set up statically, and then I'll work on getting the information to render on the screen depending on what city the user enters into the input.

Something interesting I'm coming up against is trying to decide on how to store my data (there's a lot of it). At first, I was considering using Firebase Firestore, but then I wanted to explore building out my own database by hand.

So. For the moment, the data's going into a spreadsheet and will then be stored in a JS file/module in the app itself.

And then there's the fact that I just learned some new data structures. Lots to think about.

But I love this feeling/moment, when things are coming together from (seemingly) all different directions and then, with each step forward, it makes for lots of new learning and progress along the ol' coding journey!


----------


P.S. Did you know I have a podcast with new episodes each Wednesday? Go listen [right over here >>] (https://www.ladiescodecollective.com/podcast)

![The Ladies Code Collective Podcast cover art](https://dev-to-uploads.s3.amazonaws.com/i/e9bnxljvfrdjeti7fvbr.png)
Splitting large CSV files
Tags: rails, ruby, csv
Published: 2020-09-24 09:34:46

So I managed to get my hands on a very large CSV file over the weekend - when I say large, I mean almost 9GB large! Yeah thats a lot of data.

Well needless to say I had issues opening said file, It really didn’t wanna work with Excel, VS Code, even my old faithful Sublime Text!!

So I went down a different path and decided to split the file into more manageable chunks. For this we will use terminal and perfrom the following tasks:-

- Split by line number, or by file size (Kb or Mb);
- Then add a `.csv` extension to all files we created for the split.

So to start we need to work out our best option. I started with splitting the file into 100MB chunks. The second line we will use a loop and the mv-command to simply change the extensions of the files.

By running these commands we will be able to open the first one and see how many rows there are in the file.

Note: make sure you have navigated to the correct folder, so the folder where the file has been saved. Then run the following snippet.

```
split -b 100m file_to_split.csv
for i in *; do mv "$i" "$i.csv"; done
```

This will now split our file into chunks of 100MB, but we haven’t finished there. More than likely you will have broken rows, not good if you plan to import the CSV’s into a database later. So we open the first file that was created, and see how many lines there were.

In my case there were 415156. But the last row was broken. So to sort this delete all the files that were created. - sorry I found this the easiest way but bare with, there is a reason for it.

Ok so now we know how many row we can expect per file lets re-run the previous snippet this time replacing the file size with line count.

```
split -l 415000 file_to_split.csv
for i in *; do mv "$i" "$i.csv"; done
```

To summarise, we utilised the `-b` flag on the split command which meant we were able to split the file in to smaller chunks. If we want to split our file into files of 1MB is easy, we would use 1m. The `-l` flag however, tells the split command how many lines of data we want before splitting a file in my case it was 415000.

Originally posted on [r3id.dev](https://r3id.dev)
Happy Hacktoberfest 2020!
Tags: hacktoberfest, github, showdev, watercooler
Published: 2020-09-24 09:32:29

Hello everyone,

As [Hacktoberfest 2020](https://hacktoberfest.digitalocean.com/) is about to get started, I wanted to share with you a repository that's created just for Developer's to contribute and grab free SWAGS ✨

Hacktoberfest encourages participation in the open source community, which grows bigger every year. Complete the 2020 challenge and earn a limited edition T-shirt.


{% github https://github.com/abhisheknaiidu/hacktoberfest2020  %}


TL;DR
_Make sure to **Star(watch)** [this](https://github.com/abhisheknaiidu/hacktoberfest2020) repo to keep yourself updated._

P.S - _Project maintainers can also add their work, in this repository_ 

_For more information, ping me on [Twitter](https://twitter.com/abhisheknaiidu)_! 

Lets Hack Together! 🎉🎊
Is Twitter useful - DEVs and bloggers
Tags: discuss, beginners, webdev, blogg
Published: 2020-09-24 09:08:07

#Hi

I'm still new here, but I would love to hear your opinions and experiences about using Twitter, and is it useful?

Is it useful only for bloggers or DEVs or both?

I'm waiting for all you to share your opinions and can't wait to hear them!
JAMStack when I need to Update content 15 in 15 seconds
Tags: help, javascript, serverless
Published: 2020-09-24 08:41:09

Hello,

I'm planning start a project with Nuxt.js and I was wondering if I should use a JAMstack approach.

The project consists in having multiple API, and one of them needs to be updated 15 in 15 seconds, others only once every day.

Im kinda new to JAMstack but Its worth to use It since I have so dynammic content?
Is Nuxt helps with that?
What's the first thing you install on a fresh OS?
Tags: webdev, discuss, productivity
Published: 2020-09-24 08:30:13

---
title: What's the first thing you install on a fresh OS?
published: true
description: 
tags: webdev, discuss, productivity
cover_image: https://www.androidpolice.com/wp-content/uploads/2017/03/nexus2cee_android-o-apk-install-hero.png
---
It would be [VS Code](https://code.visualstudio.com/), [Node/NPM](https://nodejs.org/en/) and [Chrome](https://www.google.com/chrome/) for me.

What would be the first things you install?
(a+=b) != (a=a+b)
Tags: python, codenewbie
Published: 2020-09-24 08:28:10

You might be familiar with the compound operator in Python. 

For those, who didn't.They are used to shorten the expressions.

### Example

```python
a = 2
```
If we want to increment the value of `a` by 1, we need to use the below notation.

```python
a = a + 1
```
But, with the help of a compound operator, you can do it as below.

```python
a += 1
```
Which is essentially equal to `a=a+1` (umm.. not always)

There are some cases that don't follow this above rule.

### Example

Consider the below example,

```python
a = [1,2,3]
b = a
a += [4,5] # Compund operator
print(a)
print(b)
```

This will output,
```python
[1,2,3,4,5]
[1,2,3,4,5]
```
That's what we expected right? Now here comes the twist, Now let's try without a compound operator, and let's see the output.

```python
a = [1,2,3]
b = a
a = a + [4,5] # Without compound operator
print(a)
print(b)
```

This will output,
```python
[1,2,3,4,5]
[1,2,3]
```

As you can see, the output is the same for the list `a` but the list `b` alters.

## What's the reason?

```python
a += [4,5]
```

In the above case, the list will be extended. So, as we assigned this list to another list, both will be changed.

But, when we use the below method. it creates a new list and appends the values. so it won't affect the list `b`

```python
a = a + [4,5]
```
hackershare: Social bookmarking reinvented!
Tags: javascript, rss, sharing, hackernews
Published: 2020-09-24 08:27:54

---
title: hackershare: Social bookmarking reinvented!
published: true
description: Hackershare is a powerful social bookmarking service and a knowledge-sharing community, with advanced search and tag management feature
tags: javascript, rss, sharing, hackernews
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/g7r9290slyv7y49xc016.png
---


Hackershare is a bookmark sharing platform, you can share the webpage you are browsing with one click through chrome extension. Different from bookmark management tools such as pocket, hackershare encourages sharing your bookmarks instead of keeping them privately.

Popular tags are a must-have feature of the bookmark tool, which can facilitate the management of your bookmarks. To become a powerful information organization tool is the goal of hackershare. In the future, many optimizations will be made on the label, such as synonym ring, preferred term, upper term, etc.

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

Hackershare is a discovery platform. The system sorts the content by users' clicks, browses, favorites, comments, etc., and calculates the daily, weekly, monthly, and total popularity rankings. At present, the content of hackershare is mainly for programming development, product operation, UI design, entrepreneurial thinking, etc.


Hackershare is an RSS subscription platform; the system will regularly crawl technology-related popular RSS feeds. You only need to subscribe to receive notifications of RSS updates. The effect is the same as an RSS reader. At the same time, you can also subscribe to the content you are interested in according to other dimensions, such as following users and following tags, so that users and tags-related content will be pushed to you, and you can master technical consultation with one click.

In the future, users will be supported to submit their own RSS feeds, which you can use to promote your blog and products.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/21gkdbq2rjnybikzno5p.png)


Hackershare is an open source project with a wide range of applications. For example, if it is used to put product links, it can become a diversion station worth buying;

If used for news consultation, it can become a news station;

If the information is shared within the team, it can become an internal knowledge base.

Compared with ordinary forums or CMS, hackershare is lighter, SEO friendly, has better information architecture, and automation features. If you build some diversion stations, you can even save the time of writing crawlers.

Project address: https://hackershare.dev
github：https://github.com/hooopo/hackershare
chrome extension：https://github.com/hooopo/hackershare-ext
No idea.
Tags: beginners, javascript
Published: 2020-09-24 08:24:59

I started web development 3 months ago and I initially enjoyed the ride. I still do. It's just that recently the downs have felt more than the highs.
  I somehow blazed through HTML and CSS. I'm pretty good at these to my understanding of their general use. 
   However, when I got to JavaScript , this completely changed. It took me days to grasp basic concepts and at the moment I'm stuck on what seems to be a simple project to developers online i.e a simple calculator.
  I almost had a panic attack because I couldn't distract myself from the fact that I literally had no idea on what to type. I had nothing.
  I am not sad,but I definitely don't feel good about this and honestly, I'm just tired.
  I hope it gets better soon, because according to the numerous JavaScript blogs and resources, it does get better.
What are your favorite Microsoft products?
Tags: webdev, discuss, productivity
Published: 2020-09-24 07:54:50

---
title: What are your favorite Microsoft products?
published: true
description: 
tags: webdev, discuss, productivity
cover_image: https://i.ytimg.com/vi/2W0T2qGZ9Dc/maxresdefault.jpg
---
Some Microsoft products/acquisitions that first come to mind are Windows, Edge, GitHub, VSCode, NPM, TypeScript, .NET, MS Server, Azure, LinkedIn, OneDrive, To Do, Skype, Office, Xbox and so on.   

What are your favorites from Microsoft?
Amazon Product Data Scraping Services
Tags: python, database, webdatascraping, amazonproductdatascraping
Published: 2020-09-24 07:53:02

Amazon web scraping is used to have consumers’ behaviors and product information. Amazon data extractor or Amazon data scraper is a wide-ranging package that can be the most helpful tool for your strategies and policies for more business planning as well as marketing. To get success in the online e-commerce business, our Amazon web scraping is the best tool!

Reviews and Ratings of the products let us understand about the options made by consumer fragments. Amazon Product scraping services allow you to generate the reports of the buyer’s choices.

Some regions are there where the shipping services are not accessible or accessible at high shipping rates. Those can be a potential segment to sell products. Our Amazon Product Data Scraper scrapes the shipping information like region and charges. Make them accessible to presume the finest shipping policies for your company.

Visit Us: www.webscreenscraping.com
Scrape Mobile App Data With | Web Screen | Scraping Services Provider
Tags: database, python, ios, android
Published: 2020-09-24 07:50:28

Technologies can be complex and at times important data is secret in the layered mobile app coding. However, that doesn’t need to keep you outperform, get professional mobile app scrapers to hire from Web Screen Scraping, a leading web scraping company USA with satisfying Android and iOS app scraping using Python platform.

Mobile applications have become an important part of all businesses to offer them high-end products and services to the core users. Though, with that, it is also commanding that you are investing in scraping using data from competitors to do better in the competition.

**Application Web Content** 

-You can scrape information with in applications and detailed applications in addition to consumers from the application get extracted.

**Content Compliance Monitoring**

Using this, you can have content compliance monitoring between mobile applications as well as the website’s web version.

**Application Framework**

Mobile app scraping helps you get data about inter linking between MVC architecture and application UI.

**Real-time Mobile App Scraping**

It helps you extract data in real-time, very useful for the businesses, which deal food industry, travel, or e-commerce.

VISIT US: [I'm an inline link]()
How to Decimate an Array.
Tags: javascript, m
Published: 2020-09-24 07:43:31

An interesting use case arrived yesterday, I loved the simplicity of the code so I thought I'd share it.

# Code: boom 💣
``` js
export function decimateArray(arr, passes = 1, fidelity = 2) {
  let tmpArr = arr.filter((_, index) => index % fidelity === 0);
  passes--;
  if (passes) {
    tmpArr = decimateArray(tmpArr, passes, fidelity);
  }
  return tmpArr;
}

```

## Use case:
>"I have a large array of xy coordinates, I need it to draw freehand on canvas but it's too much data to work with quickly, I just want to draw an approximate polygon. I want the array to be smaller so I can more efficiently loop through the data and I dont care about all of the data just the start and end."

## How?
An array is fed in, if the index of the data is modulus of a passed in `fidelity` then keep this data, also recursively run this dataset through itself by a given number of `passes`.

### In english please?
Large array goes in, smaller array with less detail comes out.
Purge docker with fire 
Tags: docker, todayilearned, linux
Published: 2020-09-24 07:28:19

On my development machines, I need docker most of the time...

The annoying parts are:
- take a shit ton of place on my SSD for images and unused containers. Like 200GB
- add a lot of virtual network interfaces.... around 50 useless interfaces polluting my computer.

I won't uninstall docker but I would like to remove all containers, all volumes, all networks, and all volumes.

Start by stopping all running containers.
```zsh
sudo docker stop `docker ps -qa`
```

then delete all containers (running and stopped)
```zsh
sudo docker rm `docker ps -qa`
```

then remove all networks not used by at least one container. None are left so we are removing all of them...
```zsh
sudo docker network prune
```

Now we will remove all the volumes:
```
sudo docker volume prune
```

And finally, we can remove all the images:
```
sudo docker images prune
```

Enjoy the space and silence.

ps: If you are only looking to remove unused resources go with `sudo docker system prune`

pps: If you are only looking to remove stopped container `docker container prune -f` thanks to [Manuel Castellin](https://dev.to/mcastellin) for the tips.
What a Meetup can do for you?
Tags: discuss
Published: 2020-09-24 07:20:20

I have been too, 2 meetups and I have to say for a room full of introvert strangers who just want to code, we didn't do much talking. I made a concerted effort to float around the room and ask "whatcha doo'en" but you might find in england that leads to a sweat inducing hard stare. It's not really a social experience in my eyes. So the thing is I don't have so many friends and had hoped that this sort of event would help me make some, nieve I know, well anyway what does a meet-up do for you, because it didn't do much for me.
All About Wilhelm Lilliehook
Tags: oil, gas, business
Published: 2020-09-24 07:19:08

Wilhelm Lilliehook embarked on a startup venture, organizing a spinoff of Mattel Electronics in Scandinavia and Finland. The group focused on product development, imports, distribution, marketing, and service of Mattel Electronics Intellivision. 

Read More: https://medium.com/@wilhelmlilliehook/wilhelm-lilliehook-successful-businessman-1b3ca21fe006
Feedback on my new product
Tags: help, webdev, discuss, opensource
Published: 2020-09-24 07:13:45

Hi folks 👋

I have build a new product called Taskord in 1.5 months in my #100DaysOfCode Challenge, currently, we are in public alpha and we planned to release it to the public this month.

## What is [Taskord](https://taskord.com)?

[Taskord](https://taskord.com) is free [open source](https://gitlab.com/taskord/taskord) social media for tasks! where users can post public and private todos, ask questions, and launch products. Taskord helps you to get things done together with the members of the community.

I'd greatly appreciate any feedback 💬.

🔗 https://taskord.com

Go ahead and roast 🔥 the product in comments 🤝!
Rust: Crate Trends 
Tags: rust, react, typescript
Published: 2020-09-24 07:00:56

### Intro 
Rust is a great programming language these days. It is very secure and powerful, and the Rust ecosystem is also amazing, such as [crates.io](https://crates.io). However,[crates.io](https://crates.io) is a bit tricky to use because there are many similar crates like futures, Tokio etc... 
When I started to choose some crates, I had no idea which is the right one. I wanted to compare each crate by downloads, license, and so forth. I couldn't find any websites like this, so I made it. It is called **[Crate Trends](https://crate-trends.herokuapp.com)** (It might take several seconds to load due to free Heroku plan). I want many people to use this website to save their decision time.

---

## [Crate Trends](https://crate-trends.herokuapp.com)

### Home
![Screen Shot 2020-09-24 at 3.50.25 PM](https://dev-to-uploads.s3.amazonaws.com/i/nfatc37eyz48o0znp3gy.png)
Simple and concise  

---

### Daily downloads
![Screen Shot 2020-09-24 at 3.50.58 PM](https://dev-to-uploads.s3.amazonaws.com/i/mb0vmk5u7cwzumdd6jmt.png)
Daily downloads helps you to know how popular the crate is.

---

### Stats
![Screen Shot 2020-09-24 at 3.51.59 PM](https://dev-to-uploads.s3.amazonaws.com/i/i85xj7f1axj6ev456fin.png)
You can see the details of each crate.
  
---

### Contributions
I create Crate Trends using React, Next.js, TypeScript. This is a [repo](https://github.com/Gumichocopengin8/crate-trends).
I want to add more features to make it better for everyone. If you're willing to contribute, I'd appreciate it. New feature requests are also welcome.
What is the main use of angular JS?
Tags: angular, career, computerscience, tutorial
Published: 2020-09-24 06:57:04

The Six Reason is why we use AngularJs

Security: When we talk about enterprise development or transformation to a new leading technology framework, security is the top most concern. And now more than ever enterprises are focusing more on data security, easy access to their channels, distributors and sales team. Certainly, they have to look for a complete solution that can power enterprise processes and business.

Declarative User Interface: For defining app’s UI AngularJS uses HTML, which is a declarative, intuitive and less convoluted language than defining an interface in JavaScript.
You should stop spending time on program flows and what loads first, simply define what you need, Angular will deliver the rest.

Integration: It is easy to integrate third party features with AngularJS as Angular integration comes pre-built into frameworks such as Telerik’s Kendo UI, Ionic, Famous - Instant Apps, Wijmo and others However, this is one of the most essential factors to leverage AngularJS development for enterprises for the integration with other frameworks and tools.

Data Binding: This is the coolest concept with two-way binding in AngularJS and we would like to introduce it as an eye candy feature.

Less Coding: Coders need to spend less time in coding process as AngularJS requires less coding. Without a doubt it is a great deal for developers. A glance where it asks for fewer codes:
AngularJS developers community do not require to write their own pipeline

Its data model is simple and you do not need any getter/setter functions

Its data-binding feature grants developers to stop giving data manually into the view

AngularJS is defined using HTML for view to make it more specific

As directives are separate from app code, other teams can write it without any integration issue.

Filters allow developer to manipulate the data on the view level without changing any of your controllers

AngularJS has a built-in dependency injection subsystem useful for developers for creating applications in an easier style including testing process as well.

Easy Testing: The codes written in JavaScript are required to follow a series of tests. As we know that JavaScript is interpreted and dynamic and not compiled.

Meet the Experts : https://nareshit.com/angularjs-online-training/