teleren/devto huggingface dataset:
Going to School on Passing Props
Published: 2020-10-29 16:43:46

I recently started working as a Technical Coach for Flatiron. One of the most useful skills I am learning is how to explain concepts through real world applications. The other day I was helping a student work through the React portion of the curriculum asked me how we know when to use props. Initially, I was explaining the concept with technical terms, but it was very textbook and it still wasn't clicking for the student. 
If you're reading the material, and thinking about the concept technically isn't working for you it's likely that someone explaining it to you technically isn't going to help much either.

I came up with a real world application for props that made things click for the student, and I hope this blog can help make it click for others as well!

We have a parent and a child component. When props are passed down from parent to child, that information is read-only(immutable). All the child can do is present that information. So, we can think of it in terms of a permission slip:

1. A parent signs a permission slip for their child to go on a field trip. (permission slip state)
2. That parent gives the permission slip to their child to bring back to school. (passes down prop)
3. The child cannot make any changes to the permission slip. (props are immutable!)
4. The child presents the permission slip to their teacher. (rendering) 

```
import React from 'react';
import Child from './child';

class Parent extends React.Component { 
  constructor(props) {
    super() #allows us to use the keyword 'this'
    this.state = {
      permissionSlip: "Parent Signature On Permission Slip"
    }
  }


  render() {
    return (
      <Child permissionSlip={permissionSlip} />
    )
  }
}

export default Parent;
```

```
import React from 'react';

class Child extends React.Component {

  render() {
    return (
      <div> 
        {this.props.permissionSlip}
      </div>
    )
  }
}

export default Child;
```
The two meanings of `finally` in Javascript
Tags: javascript, promise, finally
Published: 2020-11-11 08:09:20

---
title: The two meanings of `finally` in Javascript
published: true
description: Explaining the difference between the two syntaxes that JS uses for handling Promises
tags: Javascript, Promise, finally
---

As many, if not all, JS developers know, there are two different syntaxes that handle promises, the `then`/`catch`/`finally`:
```js
function runPromiseThen() {
  return fnThatReturnsPromise().then(promiseResult => {
      const result = doSomethingSyncWithResult(promiseResult)
      return result
    }).catch(error => {
      possiblyLogAndHandleErrorSomehow(error)
      return
    }).finally(() => {
      doSomethingLikeNotifyThatThisIsOver()
      return
    })
  }
```

and the `try`/`await`/`catch`:

```js
async function runPromiseAwait() {
  try {
    const promiseResult = await fnThatReturnsPromise()
    const result = doSomethingSyncWithResult(promiseResult)
    return result
  } catch (error) {
    possiblyLogAndHandleErrorSomehow(error)
    return
  } finally {
    doSomethingLikeNotifyThatThisIsOver()
    return
  }
```
While they might look like the same, and they mostly behave in the same way, the two functions will return totally different values when called.

In particular, `runPromiseThen` will return:
- `result` when the `then` path is taken, as no error have been thrown during the execution.
- `null` if an error is thrown, since the `catch` path is taken.

In both cases though, the function `doSomethingLikeNotifyThatThisIsOver` is called since that's what `finally` does: it defines a block that is always run no matter what path is taken. Not only that, but the block needs to be run until the end before the promise is resolved. So remember not to put a long sync function in a `finally` block unless you want to slow down your promise.

And the `finally` in `runPromiseAwait` does the same: no matter what path the execution takes, be it the `try` or the `catch`, whatever code is written in its blocks is executed.

But there is a `catch`!
While the `finally` in a `then`/`catch`/`finally` will not change what the function returns, the `try`/`await`/`catch` will: whatever the `finally` block returns, is what the whole function will return; no matter what path the execution takes, no matter what `fnThatReturnsPromise` returns, `runPromiseAwait` will always return `null`, since that's what the `finally` block returns.

That's it.
This is my first post on dev.to, I'm trying to force myself into writing more.
2020-11-10 | Arrays in Real Life, History Class, Not A Firefighter
Tags: learninpublic, beginners, webdev, career
Published: 2020-11-11 08:07:39

---
title: "2020-11-10 | Arrays in Real Life, History Class, Not A Firefighter"
description: "Summary of my day"
published: true
tags: ["LearnInPublic", "Beginners", "Webdev", "Career"]
series: "miku86 Diary"
canonical_url: "https://miku86.com/blog/day-2020-11-10"
---

Started the day with some focused 2,5 hours of translating my JS course, mostly explaining concepts around arrays, related to real life.

This is an interesting one. I hated history class in high school. Our teacher loved rote review. I always thought it was pointless, because this is not how our brain works. Nowadays I love history. Because history tells how things evolved. We can ask questions like "Why did someone come up with the concept of an array?" and "Is there some concept in real life that works the same?".

I see beginners often struggle with abstract concepts like arrays. But everyone understands how a shopping list works: There is a piece of paper (storage). You write a new item on the paper (create), or you strike it (delete or done) or you correct it (update). Every 5 year old understands the concept and how to use it. But when we try to learn (programming), we start using flash cards or other rote review concepts. Rote reviewing for the sake of getting good exam grades that ask for good rote reviewing skills you probably never use in real life.

---

Afterwards did my workout routine and my messenger routine, meaning inbox zero for Whatsapp and Telegram. This is hard for me, because I get a lot of messages. Replying after some weeks feels awkward, so I mostly don't keep in touch. But living a lifestyle of always online and being distracted annoys me too. Focus is a super important skill. That's why I'm into Digital Minimalism for many years. I'm neither a emergency doctor nor a firefighter, so most stuff is not that important.

---

I did a second smooth translation session in the afternoon and hosted a workshop about JavaScript and [D3](https://d3js.org/) in the evening.
Best Practices For Automation in Testing
Tags: automationintesting, automationtesting
Published: 2020-11-11 07:58:44

There is a lot of reasons with respect to why automation testing is gainful, and by utilizing these accepted procedures in your automated testing you can guarantee that your testing is effective and you get the most extreme quantifiable profit (ROI). Robotized testing will abbreviate your advancement cycles, keep away from lumbering redundant errands and help improve programming quality yet how would you begin? These accepted procedures are an effective establishment to begin improving your product quality. 

Thorough testing is critical to the accomplishment of a software item. In the event that your product doesn't work appropriately, odds are solid that the vast majority won't purchase or use it… in any event not for long. Be that as it may, testing to discover abandons – or bugs – is tedious, costly, regularly dull, and subject to human blunder. <a href="https://www.testingxperts.com/services/test-automation/ca-en">Automation testing</a>, in which Quality Assurance groups use programming tools to run point by point, monotonous, and information serious tests consequently, assists groups with improving programming quality and takes advantage of their constantly constrained testing assets. Test Automation tools, for example, TestComplete and TestLeft assist groups with testing quicker, permits them to test significantly more code, improves test exactness, and opens up QA designs so they can concentrate on tests that require manual consideration and their interesting human abilities. 

Utilize these top tips to guarantee that your product testing is effective and you get the most extreme rate of return (ROI): 

Choose what Test Cases to Automate 

Test Early and Test Often 

Select the Right Automated Testing Tool 

Separation your Automated Testing Efforts 

Make Good, Quality Test Data 

Make Automated Tests that are Resistant to Changes in the UI
Developers! You don’t have to be single to enjoy more free time. 
Tags: productivity, programming
Published: 2020-11-11 07:50:33

Get 100 days of TabNine Pro and let our AI auto-complete your code! 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/aajc7tjey7f0s3k8bm4e.png)
https://www.tabnine.com/promotion/SinglesDay2020/
Does gender of the interviewer in a technical interview make any difference?
Tags: watercooler, interview, discuss, womenintech
Published: 2020-11-11 07:50:13

I have observed that there are a lot less female devs who conduct technical interviews compared to males. 
Do you have a similar observation?

How do you feel about a female dev taking your interview? 
Does it impress you? intimidate you? or it doesn't matter?
Does it make you take more or less interest in the whole interview process? 

Would love to know your opinion about that :)
Integration Testing Là Gì- Các Bước Làm Việc Trong Kiểm Thử
Published: 2020-11-11 07:38:15

Integration testing là gì- Đây là một trong những giai đoạn cần thiết nằm trong phần kiểm thử phần mềm sẽ được kết hợp lại để kiểm thử theo nhóm Xem chi tiết tại: https://blog.itnavi.com.vn/integration-testing-la-gi/
What animation libraries do you use?
Tags: discuss, ui, ux, animation
Published: 2020-11-11 07:30:14

---
title: What animation libraries do you use?
published: true
description: 
tags: discuss, ui, ux, animation
cover_image: https://i.pinimg.com/originals/55/7d/50/557d501ff9411789d54c3423bb6f2d4e.gif
---
For the React environment, I would recommend [React Spring](https://www.react-spring.io/), [Framer Motion](https://www.framer.com/motion/), [React Motion](https://github.com/chenglou/react-motion) and [React Transition Group](https://github.com/reactjs/react-transition-group).

If you work with Vanilla Javascript and CSS, some of the first ones that comes to mind would be [AnimeJS](https://animejs.com/), [AnimateCSS](https://animate.style/), [HoverCSS](https://github.com/IanLunn/Hover), [MoJS](https://mojs.github.io/), [PopmotionJS](https://popmotion.io/), [DynamicsJS](http://dynamicsjs.com/), [ProtonJS](https://github.com/drawcall/Proton), [KuteJS](https://thednp.github.io/kute.js/index.html), [ParticlesJS](https://vincentgarreau.com/particles.js/) and [ThreeJS](https://threejs.org/).

What are your favorite animation libraries?
Best Pediatrics Hospital in Hyderabad
Published: 2020-11-11 07:15:02

Pediatrics is a medical specialty which deals with the health care of infants and children from birth till the age of 18. They provide not only medical care but also provide health services for healthy children. Selecting the <a href ="https://www.medicoverhospitals.in/woman-and-child/" >best children hospital in Hyderabad </a> is the important target for parents. Pediatricians diagnose the physical, mental, and emotional health of the children and also take their proper care in both sickness and health.in Hyderabad helps you to control the spread of infectious disease and also promote healthy lifestyles.
A Pediatrician diagnoses various conditions of Children like:
*Injuries
*Infections
*Genetic conditions
*Cancer
*Dysfunctions
*Physical exams
Pediatrics not only looks for immediate treatment of the ill also they look into the quality of life, disability, and survival. Some of the best pediatricians take some of the preventive measures:
*Development disorders
*Behavioral problems
*Disabilities
*Mental disorders which include depression and anxiety disorders
Why do you need to visit the best pediatrician in Hyderabad?
A person must visit a pediatrician to:
*Special training in child’s health
*Have a lot of experience in treating childhood illness
*Close monitoring of the premature child.
Pediatrician includes primary care, medical specialists,  child specialist in hyderabad
and surgical specialists. They define the accurate child health status and also serve as a consultant and also make use of the specialist in  . The child’s welfare is dependent on home and family. Some of the subspecialties of pediatrics are:
*Pediatric cardiology
*Critical care medicine
*endocrinology
*gastroenterology
*Hematology
*Neonatal medicine
Conclusion
The main focus of the pediatrician is to decrease the rate of deaths and also to control infectious diseases. best pediatrician in hyderabad
mainly focuses on promoting healthy lifestyles and also helps in easing the problems of children with chronic disease. 

For More details:- https://www.medicoverhospitals.in/woman-and-child/
❎❓Quiz: Web Performance #11
Tags: challenge, webperf, webdev, quiz
Published: 2020-11-11 06:58:53

How confident are you with your knowledge of performance metrics? Do you know the LCP?

What is the Largest Contentful Paint?

- The biggest apartment you've ever painted
- Render time of the largest element (image, text block)
- Largest meaningful painting of a child.
- Largest text block that fits your Google search.

---
<center>[Answer the question](https://marcradziwill.com/web-performance-quiz/what-is-the-largest-contentful-paint/)</center>
---
Benefits of Social Media Marketing for Your Business

Tags: socialmedia, business
Published: 2020-11-11 06:53:45

In fact, [marketing companies](https://www.propelguru.com/) are becoming profitable for most of the people capable of managing them. MLM businesses are becoming more and more popular for people who are looking for a way to make money quite easily in different ways. MLM entrepreneurs receive compensation for the individual sales they manage to make. Distributors can also organize a downline, a network of individuals that the distributor has recruited for the MLM business, and earn a commission on the sales of their downline. It just means that the longer and wider a downline is, the more the Distributor can earn. To create such a downline organization of many people and sell your products to people, you need to have a large pre-existing network of personal contacts. However, not all people who want to participate in the MLM business are well known to many people and this becomes a big problem.

Multi-level marketing distributors are looking for ways to generate leads to promote sales and have a larger downline organization. Traditional marketing methods are most often used by newcomers to the MLM business industry and by those who so readily embrace tradition and reject developments and innovation that have already proven to be most effective. These methods often use banners, posters, and flyers that can be expensive. Besides being a bit expensive, these advertising mediums have now become ineffective and pointless as most people tend not to notice them. Their busy schedules generally prevent them from spending a few minutes looking at these materials. They are now turning to the Internet and relying on it for these types of marketing materials.

Marketers must keep up with changes to effectively respond to community demands. This generation has seen the dawn of another era. Technology has finally changed the world we once knew and altered the way we perform common daily tasks. Technology saves us time, energy, and money through new advancements and innovations. Easy tasks become much easier to perform and what was previously possible has now become possible. The Internet is one of the most important developments that technology has brought to mankind. Through the Internet, we have access to the vast networks of information available online. The Internet also manages to build bridges that close the gaps established by time and place. Communication between them has become much easier. With social media sites and similar platforms, communication between regions and time zones has become easier and much more affordable. For the astute MLM entrepreneur like yourself, this can mean endless possibilities for [lead generation](https://www.propelguru.com/lead-generation/). Using the Internet as a tool to improve your MLM business can very well determine your destiny as an entrepreneur.
Embedded System Là Gì- Kỹ Năng Cần Có Của Embedded Developer
Published: 2020-11-11 06:50:31

Embedded System là gì chắc hẳn là một trong những thuật ngữ không còn quá xa lạ đối với một lập trình viên.Hãy theo dõi bài viết sau đây nhé. Xem chi tiết tại: https://blog.itnavi.com.vn/embedded-system-la-gi/
A Beginner's Guide to Social Media Marketing
Tags: socialmedia, socialmediamarketing
Published: 2020-11-11 06:43:31

[Social media marketing](https://www.propelguru.com/) is all about drawing attention and web traffic through social media sites. During this process, it is usually necessary to create creative content to reach the masses through advertising from a trusted third-party source so that people can share the content of their interest with others and create a vicious channel. . that would cover business and leave. beyond the target market audience. Every online shopper must have a purpose, a product, a service, and a cause to promote on the vast and overwhelming World Wide Web. If you've already defined these things in your mind, congratulations! This might be the hardest part of facing the challenge of social media and from now on all efforts will help you achieve those goals smoothly and efficiently until you step foot into guru status. social media.

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

It is a very strategic marketing platform that reaches out to different cultures, ages, religions, genders, places, interests, etc., making it the perfect vehicle to reach and target the right audience and achieve total success. The whole world doesn't care about video games, for example, only people who care about video games. If you're targeting a male audience with ads for high heels for sale, maybe some of them will go and buy a pair or two for their women, but a pair or two isn't exactly the kind of hit. you want to have. Therefore, it targets certain age groups and certain other factors that make certain services and products, videos, and news "go viral."

In conclusion, [social media marketing](https://www.propelguru.com/) is an area where advertising professionals and enthusiasts can come together and put their own ideas and plans into practice by implementing their own techniques. There is no university or college degree in social media marketing, such knowledge, which must be acquired through thorough research, must be constantly used and tested in the desired field. It is a revolutionary strategy that has eliminated the old television advertising tactics by bringing them to market online. The percentage of people who prefer to connect to the Internet on a compatible computer or device compared to people who watch television is constantly increasing every day. Statistics show that social media marketing has a lower hit rate than traditional advertising methods, but its potential and room for growth is certainly overwhelming and could be much more enhanced and interactive than television. 'has been in recent decades.
Which Terminal Are you using on Windows 10 Right Now?
Tags: discuss
Published: 2020-11-11 06:41:47

Hello Everyone 👋
Currently I using [Cmder](https://cmder.net) console. It's a pretty good console with a lot of customization. But it has small speed issues compare to git bash or build-in terminal. I'm looking for a new terminal that solves these issues. Any Suggestion?

Thank you.
Picking a Frontend Framework as a Beginner
Tags: discuss, react, vue, beginners
Published: 2020-11-11 06:40:06


---
canonical_url: https://chrisko.io/posts/picking-a-frontend-framework-as-beginner
---

When I started Web Development I picked React as my first frontend library, because its so popular and this was all I knew about, then. Please, don't get me wrong upfront, I **love** React! ..and I think that it is righteously so popular for good reasons!

But in retrospect, I sometimes ask myself whether it's been the best choice for me to start with as a bloody beginner in Web Development?! When I think back (..only several months back) to when I first started coding with React, I only knew the bare basics of HTML, CSS and JavaScript.

In other words: _I barely learnt to walk_ with these langauges in order to make my first steps, but suddenly I wanted to _take a giant leap_ with that thing called React. Surely, I wasn't aware of that at that time.

I did not know that I wasn't ready for React, yet. But I went through tutorial hell anyways.

Somehow, partly due to persistent motivation and certainly due to abundant fantastic content from the React community, I managed to make some tiny steps with React aswell.

Most recently, I started learning Vue.js because it is used in **my first project as a Junior Frontend Developer**. Before that I only knew about the existence of Vue. Now, that I have tried it, I kinda wish for having made a more _informed_ decision earlier, before jumping into either React or Vue as a beginner.

Because now that I've tried both Vue and React, I feel that Vue (maybe) requires a lesser knowledge of JavaScript in order to accomplish something.

So, I'm interested in how you feel about picking a frontend framework/library as a beginner. **Do you have similar or completely different experience?**
What adding CI to 30 projects revealed
Tags: ci, opensource, testing, devops
Published: 2020-11-11 06:36:09

---
title: What adding CI to 30 projects revealed
published: true
description: 
tags: ci, opensource, testing, devops
cover_image: https://code-maven.com/static/img/diving-equipment-holder-prototype-2.jpg
---

In the last couple of weeks I have been trying to setup a CI system to a number of open source projects.

## A few things I learned

* Some Open Source developer don't have public Version Control System (Based on the replies to my emails some of them might not use any version control system at all.)

* Some say they have VCS, but don't want to link to it. They expect potential contributors to send patches in email.

* Quite a few don't really know what CI can give them and were not interested.

## A few thing that setting up CI helped us reveal

I sent about 20-30 pull requests configuring GitHub Actions, the integrated CI system GitHub provides to various Open Source projects.

Here are the things we found


* Developer has forgot to add file to git repository and so tests could not run neither on CI system nor on someone else computer.
* Developer forgot to push out some changes.
* Packaging code (build script) relies on private code that is not released yet.
* Packaging code (build script) relies on local configuration that is not committed (and should not be committed) to git as it includes a password.
* One of the packages had a circular requirement chain so it could not be installed at all.
* Test script failed without local configuration.
* Some of the dependencies were not declared in the distribution.


So in case you are wondering if it is worth going through the process and setting up a CI system, these are just a few things in what a CI system can help your project.

## Would you like to set up CI but don't know how?

If you have an Open Source Project, I'd be happy to help you free of charge.

If you have a closed source project, then I can offer this help as a service.