teleren/devto huggingface dataset:
What's so great about React? 🚀
Tags: react, reactnative, javascript
Published: 2020-05-08 06:45:05

A couple of months ago, I started to learn React. I the felt awesomeness right from the start because unlike other JS frameworks, React is very simple and fast to learn for people who have only basic JavaScript and HTML knowledge.
Many helpful tools are available to support developers on the path React. Those include react developer tools and Redux development software, which include Chrome extensions to help find code errors and fixing bugs.

Unnecessary DOM updates are the main problem for most JS frames. If an object changes, the whole interface needs to be re-rendered to implement the change. This can significantly slow down our application performance and speed.

Virtual DOM is a copy of a real DOM in the memory of the browser. For example, any virtual DOM object is modified, when a user interacts with the app by pushing a button. Then React compares the new virtual DOM to its previous iteration and only applies improvements in real DOM objects that are changed in it's virtual copy.

In React, there are separate components for all UI elements such as buttons, menus, headers, etc. Components can be represented in the code according to their purpose by functions or classes. Functional components are very simple and easy to use to present data. Unlike their functional components class-based components can manipulate data in contrast to their functional counterparts. The good news is that with the implementation of hooks, this feature will become available for functional components as well.

The main benefit of React components is that they can be reused further in the project. If we have ten buttons on a tab, we simply need to build the function once, and then move specific parameters to it to get ten buttons.

We have another good tool at our fingertips when we are familiar with React by default. Here is React Native. React Native is a Replication of React's design, used in simple JavaScript mobile apps, as it builds genuinely authentic applications for both iOS and Android on the same component based architecture.

The best thing is that we don't have to learn native frameworks because React covers us completely. It's cool, isn't it?

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/s5z1aoowww47y2aw8z3g.jpg)
Water ripple effect with pure HTML CSS and jquery 🤽‍♂️
Tags: tutorial, html, css, jquery
Published: 2020-05-08 07:27:01

---
title: Water ripple effect with pure HTML CSS and jquery 🤽‍♂️
published: true
tags: tutorial, HTML, CSS, Jquery
---
Hi, coding people 🙋‍♂️
Hope you all doing well ✌️ and in this dev post you will learn how to make water ripple effect with pure HTML CSS and one JavaScript library 🍒

Stay home and learn anything💋

{% codepen https://codepen.io/atulcodex/pen/ZdKqVK %}
Friday Blast #85
Tags: fridayblast, links, post
Published: 2020-05-10 06:01:09

---
title: Friday Blast #85
published: true
date: 2020-05-08 07:00:00 UTC
tags: friday_blast,links,post
canonical_url: https://horia141.com/friday-blast-85.html
series: "Friday Blast"
---

It’s been quite some time since one of these.

[The principles of clean architecture (2015)](https://www.youtube.com/watch?v=o_TH-Y78tt4&feature=youtu.be) - I’venot watched a lot of Uncle Bob videos before, but I stumbled on this (and the next one), while cleaning the house.Definitely worthwhile both for the content and the presentation.

[SOLID principles (2018)](https://www.youtube.com/watch?v=zHiWqnTWsn4&feature=youtu.be) - this second one is aboutthe SOLID principles of program design. The intro part about water molecules formation is also pretty sharp. I couldwatch this guy speaking about anything basically.

[COVID and cascading collapses (2020)](https://www.ben-evans.com/benedictevans/2020/5/4/covid-and-cascading-collapses) -yet another post about the dire economic effects which the whole COVID thing can cause. This one is about how the death of certain industries is hastened by crises. Examples given are print publishing and the ‘08 crisis , BlackBerry and the ‘08 crisis (and the iPhone too), film cameras and the ‘99 crisis, etc. But of course, the “fun” is speculating about who’s on the chopping block with this one. Read on to find out!

[Surprising things about working at well known tech unicorns (2020)](https://blog.pragmaticengineer.com/surprising-things-about-working-at-tech-unicorns/) - this one hit home. Most of the stuff I’ve seen at Bolt too, and to a lesser degree at StackOverflow. It’s “nice” to see it’sa more universal thing.

[Designing microservices architecturers the right way (2018)](https://www.youtube.com/watch?v=j6ow-UemzBc) - this onewas a gem of a talk. It contained a lot of hard-won lessons I’ve seen at both Google and Bolt, for example. Heavycode generation, reliance on event streams to log operational changes, etc. are some of the more imporant take-aways.

[If Andromeda were brighter, this is what you’d see (2014)](https://waitbutwhy.com/2014/06/andromeda-brighter-youd-see.html) - The galaxy Andromeda would be huge in the night sky - much bigger than the Moon. Click the pictures, be in awe!
Designing My First Portfolio Website
Tags: webdev, webmonetization, javascript, node
Published: 2020-05-08 06:40:01

Hi guys, I'm planning to make a portfolio website for myself. But as you all know I'm been only 6 months for coding, So please could you give me some ideas for designing my portfolio. Till now I have a pretty good know of HTML, CSS and Basic JS also I have seen some JS library like jQuery, paper.js, anime.js 

Also I have checked out https://www.awwwards.com/ but the website on this site are far away from my knowledge atleast for now. 

At the end, please suggest me some good idea, so that i can approach it in good ways. Also I wanna tell you guys I will not be uploading site by purchasing a domain. For now i will be uploading it through *NETLIFY*.



                  *Also Sorry For the Cover Thumbnail Clickbait*
How to Control Tor Exit Nodes with Python
Tags: python, privacy, tutorial
Published: 2020-05-08 06:39:23

As you know, Tor routes requests from atleast 3 nodes(by default) before querying the destination server. In this tutorial we’re going to learn how to control exit location (last node) in Tor.
<hr>
Please visit the following url for the tutorial:
https://sigmapie8.github.io/learning-stem/controlling_exit.html

<hr>
Liked the tutorial? Tell me in comments!
Chef'sCamp - My introduction to WebDev
Tags: webdev, hackathon, beginners
Published: 2020-05-08 06:31:30

#####Hello everyone!
Today I will be talking about my first experience in WebDev. So it started with me qualifying for the second round after the coding round. This round was Web Development round. We were supposed to deliver a SPA or Single page application using ReactJs and Slim-a Php framework within 10 days.
###Challenges :dizzy_face:
I had gone through the React documentation previously and React was not that of challenge in this round. The challenge was Php and overall I had never worked on back-end before. I had few insights of how it works but it was not clear.
###Contest started :running:
The first 3-4 days were real tough. I had no idea on how to get started. Also I was searching for React-Php boiler plate everywhere. But turns out this was not required at all. I was very confused on how to connect React to the Php.
But turns out things were not that difficult but I was making them. Now after this hassle, I got the hang around how are things working.
Like I don't really have to worry about how react will connect to php. I didn't need a boilerplate.
###Development started :ocean:
I started by writing APIs and auth logic in Slim. This was fairly easy.
I forgot to mention about implementing oAuth2.0 which was a disaster because I lost a significant time figuring out how to implement it.
I got a big relief after completing back-end part.
But the party was not over yet, with 3 days remaining. I started writing components on React. This took quite a while. I made a mistake of not using Material UI and writing inline CSS for each component which took significant time in implementing DarkMode later. 
Implementing Markdown with MathJax was a bit complicated for which I took help from [Rendering Markdown and LaTeX in React](https://medium.com/@MatDrinksTea/rendering-markdown-and-latex-in-react-dec355e74119).
###Deployment :cyclone:
I deployed it on Azure cloud. You can visit it here - [ChefsCamp](http://chefscamp.tech).
###Next
I am very happy that I was able to complete the project on time. This was by far the best learning experience I ever had. I also qualified for the next round. :grin:
After that I have implemented hybrid caching for faster response time. I have perfected the DarkMode and planning for implementing a fairly new feature.
####*I would really appreciate your thought on the application.* :pray:
####Thank you for reading 
##Peace :peace_symbol:
Best Online Software Engineering Degree Programs
Tags: softwareengineering, degreeprograms, darrenhuston
Published: 2020-05-08 06:07:50

Interested in a career as a software engineer, programmer or developer? Maybe you want to develop games, apps, websites or manage complex databases. 

A software engineering degree is an ideal way to acquire the foundational knowledge needed to get noticed by employers. If you’re already working in the field, you can showcase the degree to employers and compete for leadership roles. 

Benzinga is here to help you find an online software engineering degree program — plus a few other options! — that can suit your busy lifestyle. 

<h2>Why Choose an Online Software Engineering Degree?</h2> 

With a software engineering degree under your belt, you’ll enjoy career flexibility, job security and a generous salary.

Software engineers are in high demand in many thriving industries. These include business, defense, financial, government, healthcare, retail and tech sectors. This equates to job security as opportunities are in abundance across the U.S.

Wondering what types of jobs are available? It’s a lengthy list filled with hot opportunities for recent graduates: 

    Computer and information systems manager
    Computer programming 
    Computer support specialist
    Cyber-security manager
    Data engineer
    Data scientist
    Network engineer 
    Software architect 
    Software engineer
    Software developer
    Software publisher 
    Systems analyst
    Video game designer

Visit: https://www.benzinga.com/money/software-engineering-degrees/
Pandemic programming: International study reveals impacts of COVID‑19 on software professionals
Tags: covid19, softwareengineer, softwaredevelopment
Published: 2020-05-08 06:05:13

An international study led by a Dalhousie Computer Science researcher has revealed the impacts of COVID-19 on those working in software professional roles.

Launched in 12 languages and completed by more than 2,000 individuals in 53 countries, the online study identified how current work environments and situations are affecting software professionals across industries.
Unprecedented remote working

As the pandemic rapidly forced employees across the globe into unplanned remote work, Paul Ralph looked to his research area of software development to find a way to help both employees and organizations in the community.

Using scales developed by the World Health Organization, the survey explored the barriers to productivity and emotional well-being for software professionals and how companies can help their employees right now, in an unprecedented work situation.

“Companies are willing to help; they want their employees to be healthy and productive, but they don’t know what to do because this situation is unprecedented,” says Dr. Ralph.

“People have been remote working for years and there are decades of research on remote work and what makes it beneficial, but this isn’t normal remote work. People are working in impromptu home offices during an unprecedented global disaster. If it turns out people are less productive that doesn’t mean remote work doesn’t work. I realized we needed to bring in concepts from disaster management, emergency planning and response to pandemics etc. and incorporate that into our research.”

Source: https://www.dal.ca/news/2020/05/07/pandemic-programming--international-study-reveals-impacts-of-cov.html
3 difference between make and new in Go
Tags: go, todayilearned
Published: 2020-05-08 06:04:50

I found make and new very interesting and hence decided to list down the differences:

1. new  ---> returns pointer 
  make  ---> returns an initialized value of type T

2. new  ---> initializes to 0 value of the type
  make  ---> does not initialize to 0 value of the type

3. new  ---> used for all types
  make  ---> used for only slices, maps and channels
Quick Tip – How to convert a Java jintArray to a C++ std::vector
Tags: android, todayilearned, cpp, java
Published: 2020-05-08 09:35:55

---
title: Quick Tip – How to convert a Java jintArray to a C++ std::vector
published: true
date: 2020-05-08 06:00:00 UTC
tags: Android,TodayILearned,Cpp,Java
canonical_url: https://10xlearner.com/2020/05/08/quick-tip-how-to-convert-a-java-jintarray-to-a-c-stdvector/
---

Hello ! I’m Xavier Jouvenot and in this small post, I am going to explain how to convert a Java `jintArray` to a C++ `std::vector`.

_Self promotion_: You can find other articles on Android development on my [website](www.10xlearner.com) 😉

## Solution

For the people who only want the solution, to quickly copy-paste it in there code, here it is 😉

```
extern "C"
JNIEXPORT jstring JNICALL
Java_com_example_project_class_method(JNIEnv *env, jobject /* this */, jintArray arr) {
jsize size = env->GetArrayLength( arr );
std::vector input( size );
env->GetIntArrayRegion( arr, jsize{0}, size, &input[0] );
}
```

## Explanation

If you read this, it may be that you want to understand how the previous solution achieve the goal of transforming the `jintArray` into a `std::vector<jint>`, and this is what I am going to try to explain. 🙂

First of all, we get the `jintArray` size by using the JNIEnv method `GetArrayLength`, and store this information in a variable.

Then, with this information, we can create a [std::vector](https://en.cppreference.com/w/cpp/container/vector) with the right size.

And finally, we copy the elements in from the `jintArray` to the `std::vector` using the JNIEnv method `GetIntArrayRegion`, by giving it all the informations that it need : the `jintArray`, the index where to start the copy, the size of the array, and the location where to copy the array.

* * *

Thank you all for reading this article,And until my next article, have a splendid day 😉

## Interesting links

- [JNI documentation](https://docs.oracle.com/javase/7/docs/technotes/guides/jni/spec/functions.html)
- [JNI types documentation](https://docs.oracle.com/javase/7/docs/technotes/guides/jni/spec/types.html)
- [std::vector documentation](https://en.cppreference.com/w/cpp/container/vector)
- [10xlearner website](www.10xlearner.com)
Use WebCam on Google Colaboratory in 1 Min
Tags: jupyter, python
Published: 2020-05-08 05:42:18

I just noticed that Google Colaboratory offers the script for using the local machine's webcam.


### Steps
- Step1 Go to Google Colaboratory
https://colab.research.google.com/notebooks/intro.ipynb#recent=true

- Step2 Create a new notebook

- Step3 Click snippet panel
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/k7ptiswwi8nhhdqmw2fh.png) 

- Step4 Click Camera Capture
Click `insert`

- Step5 Run script
Shit + Enter

YOLO on Google Colaboratory
{% post kojikanao/yolo-on-google-colab-4b8e %}
Installing Xfinity app on Roku devices Via xfinity/authorize
Published: 2020-05-08 05:30:24

Your Comcast Xfinity apparatus may be triggered on line. Just see 
<a href="https://www.xfinitycomauthorize.com/">xfinity/authorize</a> and follow this manual to get your device up and running right away.

The support department manages phone, cable TV, wireless and internet subscriptions in the larger part of U.S.

Step 1. Stop by xfinity/authorize.

Step 2. Ensure the wires running in your Xfinity equipment is protected. Button to last.

Step 3. You will want to validate your Xfinity Account, which might be carried out in two ways. You can either enter your mobile phone number attached to a Comcast Xfinity, or enter your Xfinity Username and Password. Click on the next button to continue.

Measure 4. Complete a fast security check by checking the amounts you see in the box. 

Measure 5. You will also need to input the figures displayed in the box to keep in the activation procedure.

Measure 6. Complete the device activation and you'll be supplied a confirmation message. Wait for around 10 to 20 minutes, then you're very likely to be able to utilize your new Comcast Xfinity apparatus.



Before seeing the Comcast Xfinity site you will have to have connected your Xfinity apparatus and put it up in compliance with the guide. Ensure that your device is plugged into a power source and the gear's lights have been set to on. You won't have the ability to utilize your Xfinity apparatus until it has been confirmed and activated.

Comcast Xfinity users must get a system which could access xfinity/authorize and an active online connection to proceed.
Get All Knowledge About These
Tags: netgearwifiextendersetup, mywifiext, pcoptimizerpro
Published: 2020-05-08 05:15:07

Get all the answers at one place regarding <a href="https://mywifiext-net.support/">mywifiext</a> Setup and confriguration from the globally famous wifiext technical support experts. Extremely talented, experienced and well familiar with the latest technical experts are here 24/7 to provide you with the best assistance for mywifiext netgear login, <a href="https://wifiextassist.com/">Netgear wifi extender setup</a>. Just dial 1-866-606-3055 and get instant solution at home only.

Also check PC optimizer pro, <a href="https://www.pcoptimizerpro.com/">PC Optimizer Pro</a> is powerful cleanup and optimization software for Windows 10, 8.1, 8,7, Vista and XP. It cleans your hard drive and runs your PC faster.
👨‍⚖️My personal portfolio website, can I get a review?
Tags: discuss, javascript, codenewbie, webdev
Published: 2020-05-08 05:13:13

A few months back, I was wondering to design & develop a whole new portfolio to showcase skills, projects, and favorite movies & tv shows from scratch.

So I took the challenge to come up with creative designs for the portfolio during the lockdown.
I learned Vuejs during my internship, so decided to develop it using Vue.

After going through a lot of portfolio designs, I came up with a cool user interface. Have a look

Portfolio Link - https://rahuldkjain.github.io

I love contributing to open-source projects, so I developed a clean, minimal, and responsive portfolio template for All!

Yes, you read it right! You can easily customize the portfolio just by editing src/portfolio.js.

GitHub Project - https://github.com/rahuldkjain/minimal-portfolio

That's it. Follow the customization steps to create your own portfolio within 60 minutes.

Feel free to contribute to the project by solving open issues or by creating one.
Cricket API
Tags: cricketapi, footballapi, mlbapi, hockeyapi
Published: 2020-05-08 04:56:54

Entity sports is providing all sports API... In theses all sports API you can choose your plans and check prices very economy for afford.. And you can make you own live score api business ... In real time data provide with accurately...
Get all information about all Sports API features and how it works properly..
Check all API you can click and check all information about particular api page:

<a href="https://www.entitysport.com/">Cricket API</a>
<a href="https://www.entitysport.com/football-api/">Football API</a>
<a href="https://www.entitysport.com/basketball-api/">Basketball API</a>
<a href="https://www.entitysport.com/hockey-api/">Hockey API</a>
<a href="https://www.entitysport.com/baseball-api/">MLB API</a>
<a href="https://www.entitysport.com/baseball-api/">Baseball API</a>
DataList element for auto-completion in Input Text and for ticks in Input Range 
Tags: html, css, javascript
Published: 2020-05-08 04:54:31

One of the underrated HTML element is `<datalist>`

When user types in `<input type="text"/>`, the easiest way to show auto-complete suggestions is by using `<datalist>` HTML element.


```html
<input type="text" list="cakes">

<datalist id="cakes">
  <option> Red Velvet Cake</option>
  <option> Genoise Cake </option>
  <option> Chiffon Cake </option>
  <option> Yellow Butter Cake </option>
  <option> Devil’s Food Cake </option>
</datalist>
```
To the input field, add the list attribute with value as id of datalist element.

Check out the codepen demo for above example: https://codepen.io/tejesh0/pen/VwvXpwB

![https://codepen.io/tejesh0/pen/VwvXpwB](https://raw.githubusercontent.com/tejesh0/host/master/datalist-text-autocomplete.png)



Interestingly, datalist element can be used with range input type to add ticks on slider.

```HTML
<input type="range" min="0" max="1" step="0.01" list="slider-ticks">

<datalist id="slider-ticks">
  <option>0</option>
  <option>0.25</option>
  <option>0.5</option>
  <option>0.75</option>
  <option>1</option>
</datalist>
```
Check out the codepen demo for above example: https://codepen.io/tejesh0/pen/MWaVpeJ

![https://codepen.io/tejesh0/pen/MWaVpeJ](https://raw.githubusercontent.com/tejesh0/host/master/datalist-range-slider.png)


In chrome browser, while moving the slider, you can observe the locking like effect when the slider is close to the ticks? Nice, isn't it?
May 8th, 2020: What did you learn this week?
Tags: weeklylearn, discuss, weeklyretro
Published: 2020-05-08 04:51:48

It's that time of the week again.

So wonderful devs, what did you learn this week? It could be programming tips, career advice etc.

<center>

![A picture it a dog waving their paw with the caption “Learning, cool at school or at home”](https://media.giphy.com/media/1xpm1nTQiRL96Di3Q6/giphy.gif)

</center>

Feel free to comment with what you learnt and/or reference your TIL post to give it some more exposure.

{%tag todayilearned %}

And remember, if something you learnt was a big win for you, then you know where to drop it as well.👇👇🏻👇🏼👇🏽👇🏾👇🏿

{% link https://dev.to/jess/what-was-your-win-this-week-35in %}

<center>

![Drama from Entourage screaming “Victory!”](https://media.giphy.com/media/lnlAifQdenMxW/giphy.gif)

</center>
Difference between Build Rebuild and Clean in Visual Studio
Tags: dotnet, vscode, devops, devjournal
Published: 2020-05-08 04:42:32

Some programmers have made this a habit of doing clean + build every time they change code without knowing the significance of it.

Some of them always prefer to do a rebuild every time the change or modify some parts of the code.

With the help of this post, we are trying to list out the significance of each – build rebuild and clean options and make readers understand when to use them.

# Build Solution
The build solution will always perform an incremental build. i.e It will only build those files which have changed. The files which aren’t modified or changed won’t be built.

# Rebuild Solution
Rebuild solution will delete all the compiled files(DLLs and EXE) and will perform build from scratch irrespective of whether the files are modified or not. It is a combination of Clean + Build.

Clean Solution
The clean solution will delete all the compiled files(DLLs and EXE) from bin/obj directories.

# Difference Build Rebuild and Clean in visual studio
The difference lies in the way the build and clean happens for every project.

For example, if the solution has two projects – Project 1 & Project 2 and you do a rebuild, it will take Project 1, clean (delete) the compiled files for Project 1, and build it. After that, it will take Project 2, clean the files for Project 2, and build it.

On the other hand, if you do a clean and build, it will first clean (delete) all compiled files(DLLs and EXE) for both the projects – Project 1 & Project 2 and then it will build Project 1 first, followed by Project 2.

Read more at https://dotnetcrunch.in/build-rebuild-and-clean-in-visual-studio/

Thank you!