teleren/devto huggingface dataset:
What is a React Component Library?
Tags: react, devops, beginners, programming
Published: 2021-02-02 17:39:41

A collection of components significantly showcased and mostly providing some way to view and preview those components and their related assets. As more React packages are developed with React to alleviate various aspects of development, the React community is also rising exponentially.

<b>Some of the better known React Component Libraries are:</b>

React Material-UI
React-Bootstrap
React toolbox
Ant Design React
PrimeReact
Office UI Fabric
Blueprint JS
React UI
Semantic UI React
React Spinner
Shards React
Argon Design System React

 <b>Why should one use a React Component Library?</b>

There are many reasons that one has to make use of a React Component Library, some of which are:

Component Libraries have tens of components that are fully prepared for you and pretty much very unique.
Most of them also provide responsive interface options. Without the need for CSS or Grid libraries from third parties.
Increased delivery speeds plus the comfort for engineers.
Ability to successfully collaborate
Staying coherent and consistent
Versatility, flexibility & customization

<b>How to choose the best React Component Library?</b>

The library must be thorough. 90% of app scenarios should be addressed by components. That is where React-Bootstrap could lack at a few places.
Your UI design guides shouldn't be limited. The Material UI encourages you to use flat colors, the principle of flat design. However, it may not suit every other project.
It should have a strong follower/community size on GitHub.
Dynamic imports should be allowed. 
They should be themed easily.


Apart from these, learn about your requirements and do a thorough analysis of the React Component Library you are about to choose. You can find more detailed articles on <a href="https://codersera.com/blog/react-component-libraries">React Component Libraries</a>  over the internet that will better help you make the decision easily.
Automate your Cloud with Microsoft Learn - LIVE - Feb 22, 2021
Tags: azure, cloud, beginners, tutorial
Published: 2021-02-02 17:39:37

**Automate your Cloud with Carnegie Mellon University and Microsoft Learn**

Live on [LearnTV](https://aka.ms/CMUCloudDevLearntv?WT.mc_id=learnlive-video-learn)
Date: February 22, 2021
Time: 3.30 PM ET | 12.30 PM PT | 8.30 PM GMT
Location: Global
Format: Livestream
Topic: Cloud Development ☁️☁️
[Register Now](https://www.meetup.com/Microsoft-Reactor-Redmond/events/275913550?WT.mc_id=learnlive-video-learn)

#### Details:
Discover the best practices of Cloud resource with Steven Murawski and Foteini Savvidou, utilizing the Carnegie Mellon University Microsoft Learn Module. Automating your cloud resource management can increase productivity, sustainability, and the scalability of your services. In this session led by Steven Murawski, Principal Cloud Advocate at Microsoft, and Microsoft Student Ambassador, Foteini Savvidou will explain the concept of Infrastructure-as-Code and discuss the advantages that it offers over ordinary scripting. They will then go on to show how to automate cloud resource management with infrastructure-as-code tools like Terraform and explore its role as an infrastructure orchestrator They will describe how it differs from conventional configuration management practices. During this session You will walk through principles and hands on demonstrations and walk away with tools and best practices for your cloud management strategy.

Live on [LearnTV](https://aka.ms/CMUCloudDevLearntv?WT.mc_id=learnlive-video-learn)
Microsoft Learn Module: [Automate cloud resource management](https://docs.microsoft.com/en-us/learn/modules/cmu-orchestration/?WT.mc_id=learnlive-video-learn)

#### Register Now
**Session 1**: [Sharpen your Cloud Skills with Carnegie Mellon University and Microsoft Learn](https://www.meetup.com/Microsoft-Reactor-Redmond/events/275912399?WT.mc_id=learnlive-video-learn)
February 15 | 3.30 PM ET | 12.30 PM PT | 8.30 PM GMT

**Session 2**: [Use Elasticity to Scale Cloud Resources with Carnegie Mellon Uni and Microsoft Learn](https://www.meetup.com/Microsoft-Reactor-Redmond/events/275912485?WT.mc_id=learnlive-video-learn)
February 19 | 3.30 PM ET | 12.30 PM PT | 8.30 PM GMT

**Session 3**: [Automate your Cloud with Carnegie Mellon University and Microsoft Learn](https://www.meetup.com/Microsoft-Reactor-Redmond/events/275913550?WT.mc_id=learnlive-video-learn)
February 22 | 3.30 PM ET | 12.30 PM PT | 8.30 PM GMT

**Session 4**: [Monitor cloud resources with Carnegie Mellon University and Microsoft Learn](https://www.meetup.com/Microsoft-Reactor-Redmond/events/275913438?WT.mc_id=learnlive-video-learn)
February 23 | 3.30 PM ET | 12.30 PM PT | 8.30 PM GMT

**Session 5**: [Cloud Security with Carnegie Mellon University and Microsoft Learn](https://www.meetup.com/Microsoft-Reactor-Redmond/events/275913480?WT.mc_id=learnlive-video-learn)
February 26 | 3.30 PM ET | 12.30 PM PT | 8.30 PM GMT
Epispot on Anaconda
Tags: epispot, anaconda
Published: 2021-02-02 17:47:29

---
title: Epispot on Anaconda
published: true
date: 2021-02-02 17:34:58 UTC
tags: epispot, anaconda
canonical_url: https://epispot.github.io/epiblog/post/2021/02/02/epispot-on-anaconda.html
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/i9icrir9sc1yb1nnuwuw.jpg
---

Yes, that’s right. Epispot is on anaconda.

* * *

Okay, first, let’s go through the installation process.

```
conda config --add channels conda-forge
conda install epispot
```

Then, import it in your python project:

``` python
import epispot as epi
```

You can also use:

```
conda search epispot --channel conda-forge
```

to view all versions of epispot on anaconda (currently only 1).

We used the `conda-forge` library to publish the package, which you can check out [here](https://github.com/conda-forge).

So, that’s it. epispot 2.0.1 is now on anaconda. You can install it with the instructions above! Once again, thanks to the `conda-forge` library for getting it published! Ready, steady, CODE!
Starting the #100DaysofCoding Challenge as a Newbie
Tags: beginners, 100daysofcode, python, datascience
Published: 2021-02-02 17:21:21

Hi everyone!

My name is Jorge, I'm 27 and I've been lurking this community for a few months now. I'm a business administrator and financial analyst that just discovered a newfound passion for coding.

Before the pandemic even began, I was already dabbling in a few coding sites and had watched a few YouTube tutorials but started to get overwhelmed with the amount of information available. 

As time passed, I became even more overwhelmed and then started making excuses such as I didn't have enough time because coding is something complex that requires several hours a day and I just didn't have enough time during the day to fit into my schedule. 

At the beginning of the pandemic, I set myself a goal of learning how to code. Since everything went remote, I had a lot of time on my hands and figured that I would be less stressed and able to set a few hours a day to learn how to code. 

I've always put off learning how to code because I've struggled with thinking that coding is hard and that I might not have the capabilities of learning something as complex at 27.

As days went by, I started thinking that coding was simply too hard and I just did not have the capabilities to learn something so complex.  

This fear fueled my procrastination and before I knew it, 2020 was coming to an end and I was not even close to meeting that goal.

I took some time off, had an honest conversation with myself and began asking questions such as, "is this something I really want to do?", "am I even sure that I'll like it?". 

As you can imagine, these are tough questions to answer. Especially when you don't even have enough experience to even get a whiff of what the answers would be. But I figured I'd try it out and even if it doesn't work out, at least I tried. 

So, here if you've followed the post up until now, I've decided that I'm going to join the #100daysofcoding challenge. I'm going to focus on Python and R and their use in Data Science. This is a field I've recently became interested in and have a strong feeling it will become a very big area in the coming years. 

The courses I will be working with are: 'The Complete Python Course' taught by Rob Percival of Codestars and Jose Salvatierra from Teclado and 'Machine Learning A-Z: Hands on Python and R in Data Science' by Kirill Eremenko and Hadelin de Ponteves. 

I am posting this here to make myself accountable in front of a community which is very welcoming and supportive. 

I am also looking forward to any suggestions for tutorials, videos or just overall good habits to exercise while learning to code or even just people to talk to and exchange ideas and feedback. 

Thank you so much for reading this post and I hope everyone has a great day!

Regards,




Jorge
Animated Nav (HTML5, CSS3 & JS)
Tags: javascript, 100daysofcode, html, css
Published: 2021-02-02 17:20:33

Today is the day 44 of my challenge #100DaysOfCode 😍

Animated Navigation Using HTML5, CSS3 & JS 🎉

Demo : https://animated-navjs.netlify.app/

Repo : https://github.com/saidMounaim/100DaysOfCode/tree/main/Day44

#100DaysOfCode

https://github.com/saidMounaim/100DaysOfCode
🔴 TechTalk - Being a Developer isn't only about Coding | TheDestroDevShow

Tags: webdev, softskills, javascript, react
Published: 2021-02-02 17:17:55

Hi everyone! 👋

I have started a LIVE TechTalk show on my channel.

And in the 3rd Show, Amber Wilson joined as a Guest.

Amber is a frontend engineer living in Berlin and working at N26. She organises and coaches at a coding workshop called codebar. She likes writing about accessibility, the JAM Stack, and dev tips. She believes the web is for everyone and loves being part of the web community.

<h3><u>Topic: Being a Developer isn't only about Coding.</u></h3>

You can Watch LIVE on YouTube https://www.youtube.com/watch?v=fwZgqYRPCk8

{% youtube fwZgqYRPCk8 %}

Enjoy 🌸

Also SUBSCRIBE to YouTube Channel - https://www.youtube.com/c/TheDestroDevShow?sub_confirmation=1

LIKE FB Page - https://www.facebook.com/the.destro.dev.show/

Follow on Twitter - https://twitter.com/destro_mas

Follow on DEV - https://dev.to/destro_mas

Made with ❤️ in Berlin!

Cheers!
👋

<hr />
As I am trying to contribute contents on the Web, you can buy me a coffee for my hours spent on all of these ❤️😊🌸

<a href="https://www.buymeacoffee.com/destrodevshow" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 45px !important;width: 117px !important;" ></a>
Matt's Tidbits #89 - Automating focus time
Tags: mattstidbits, applescript, slack, tidbittuesday
Published: 2021-02-02 17:17:18

[Last week, I wrote about Android Studio's "Patch" feature.](https://matthew-b-groves.medium.com/matts-tidbits-88-using-patches-679aac54732c) This time, I want to share what I've done to help myself have better focus time.

I've finally admitted that I easily get distracted. Slack, email, etc. all provide a nearly constant barrage of inputs, and sometimes it's impossible to go even 5 minutes without a new message coming in.

The most surefire way to help myself focus is to quit all of my communication apps, but that isn't always the best idea, as I don't want to just cut myself completely off from the rest of my team.

There are lots of things you can do, but one of the most effective ones I have found is setting a status in Slack and marking myself as "Away". (This lets other people know I'm trying to focus, and requires them to push an extra button if they want to notify me of a message - so they can still reach me, but only if they really need to). However, I have multiple Slack workspaces, and I personally find it a little time consuming to perform all of those steps for each workspace. I place a lot of value on automating repetitive tasks, so I got to work on writing some scripts to do this automatically.

I use a Mac for my work, so the first approach that came to mind was Automator or AppleScript. Unfortunately, Slack doesn't have built-in support for Automator actions, but I did find a GitHub project with a library of AppleScript commands!
{% github samknight/slack_applescript %}

Using this, I was able to whip up a pair of scripts - one that sets a status and marks myself as away for all of my Slack workspaces, and another that clears my status and sets me as active!

You can find the scripts here:
{% github mpeng3/slack_automation_scripts %}

To use, follow the instructions in the README for the project.

This is just one example of some time-saving automation you can write yourself! The possibilities are nearly endless! Do you have suggestions for how I could improve these scripts? Leave a note in the comments below or feel free to submit a pull request yourself! And, please follow me on Medium if you're interested in being notified of future tidbits.

*This tidbit was discovered on January 25, 2021.*
วิธีการใช้ Module ของ Node.js [ตอนที่ 1]
Tags: node, modules
Published: 2021-02-02 17:06:26

ส่วนนี้จะเป็นบันทึกสรุปความเข้าใจในเรื่องของ Module ของ Node.js (หัวข้อการเขียนบทความที่นี่อาจจะดูสะเปะสะปะไปหน่อย แต่เดี๋ยวเวปไซต์ส่วนตัวเสร็จจะเอาบทความบางส่วนที่เขียนที่นี่ไปเรียบเรียงใหม่และจัดหัวข้อให้เป็นระเบียบ) 

## มาทำความรู้จักกับ Module ของ Node.js กันก่อน
ในการเขียนโปรแกรมใด ๆ ก็มักจะมีการเขียนฟังก์ชั่นใช่ไหมล่ะ แต่ในการทำงานจริง ๆ ก็จะมีการเขียนฟังก์ชั่น ในการใช้งานขึ้นมาหลายตัว ดังนั้นเพื่อความเป็นระเบียบจึงทำการสร้าง Module ซึ่งก็เป็นไฟล์ในการเก็บตัวฟังก์ชั่น ต่าง ๆ ที่จะเอามาเรียกใช้ แต่ว่าทาง Node.js เองก็มองไฟล์แต่ละไฟล์เป็น Module อยู่แล้ว สำหรับ Node.js จะมี Built-in Module และ Module ที่เราสร้างมาใช้งานเอง ทีนี้ก็มาลองดูตัวอย่างการสร้าง Module มาใช้งานขึ้นมาเอง 

* สร้าง `index.js` ซึ่งจะเป็น Module หลักในการ Run ออกมา
* สร้าง `someone.js` ซึ่งจะให้เป็น Module ที่เรียกฟังก์ชั่น ที่ทำการเรียกชื่อที่ต้องการออกมา
* ที่ `someone.js` เราทำการสร้างฟังก์ชั่นง่าย ๆ สำหรับ Print ชื่อเล่นต่าง ๆ ดัง code ด้านล่าง
```js
function cherry() {
 console.log('Cherry');
}

function nanny() {
 console.log('Nanny');
}
```
จาก code ด้านบนที่ Module `someone.js` เราจะมี 2 ฟังก์ชั่นที่สร้างขึ้นมา ดังนั้นจะมา export ฟังก์ชั่นเหล่านี้มาใช้งานที่ `index.js`กัน

## การ Export ตัว Module ซึ่งจะมี 3 แบบคือ 
[ข้อแนะนำ : ควรเลือกวิธีการ export อย่างใดอย่างหนึ่ง]
* `module.exports = ชื่อฟังก์ชั่นที่ต้องการ export` 
วิธีใช้งานก็โดย
```js
function cherry() {
 console.log('Cherry');
}

function nanny() {
 console.log('Nanny');
}

//Export ฟังก์ชั่น
module.exports = cherry
module.exports = nanny

``` 
* `module.exports = {properties ซึ่งเป็นชื่อฟังก์ชั่นแต่ละตัวที่ต้องการ export นั่นเอง}` ซึ่งการเขียนแบบนี้จะสะดวกต่อการใช้งานเวลาที่เรามีการสร้างหลาย ๆ ฟังก์ชั่นใน Module นั้น ๆ ต่อจากตัวอย่างด้านบน
```js
function cherry() {
 console.log('Cherry');
}

function nanny() {
 console.log('Nanny');
}

//Export ฟังก์ชั่น
module.exports = {
 cherry: cherry,
 nanny: nanny
}
``` 
เราสามารถเขียนให้สั้นลงได้โดย
```js
module.exports = {
 cherry,
 nanny
}
```
* `exports.NameOfFunction = function NameOfFunction() { ... }` วิธีนี้ก็เป็นอีกวิธีที่สะดวกอย่างมาก เหมาะสำหรับฟังก์ชั่นที่ต้องการ export มีไม่กี่ฟังก์ชั่น วิธีการใช้งานดัง code ด้านล่าง 
```js
exports.cherry = function cherry() {
     console.log('Cherry');
 }

exports.nanny = function nanny() {
     console.log('Nanny');
 }
```

เอาล่ะตอนนี้เราก็มีความรู้และความเข้าใจเกี่ยวกับ Module และ การ Export ตัว Module เนื้อหายังไม่จบเพียงแค่นี้ยังมีตอนที่ 2 อีกค่ะ
Introduction to Algorithms
Tags: algorithms, beginners, computerscience, programming
Published: 2021-02-02 16:59:35

## **What are algorithms?**
An Algorithm a step-by-step procedure which defines a set of instructions to be executed in a certain order to get the desired output.

In other words, algorithms are series of steps or rules for solving a computational problem.

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

#### **Example Code:**

`if (clock.getTime() == 7am){
    coffeeMaker.boilWater();
    if (water.isBoiled()){
        coffeeMaker.addCoffee();
        coffeeMaker.pourCoffee();
}
}
else{
    coffeeMaker.doNothing();
}`

>*A good algorithms is like using right and efficient tool in the workshop.*

Example: Using wrong algorithms mean cutting paper with a saw or trying to cut a piece of plywood with knife.


## **Categories of Algorithms**
1.**Search** – Algorithm to search an item.
2.**Sort** – Algorithm to sort items in a certain order.
3.**Insert** – Algorithm to insert item.
4.**Update** – Algorithm to update an existing item.
5.**Delete** – Algorithm to delete an existing item.


## **Characteristics of an Algorithm**

Not all procedure can be called an algorithm.

An algorithm should have the following characteristics:

1.**Unambiguous** – Each of its step and their inputs/outputs should be clear and must lead to only one meaning
2.**Input** – Should have 0 or more well-defined inputs
3.**Output** – should have 1 or more desirable well-defined outputs.
4.**Finiteness** – must terminate after a finite number of steps.
5.**Feasibility** – Should be feasible with the available resources.
6.**Independent** – Should have step-by-step directions and independent of any programming language.


## **How to Write an Algorithm?**
There is no well-defined standard for writing algorithms. Algorithms are never written in support of a particular programming code.

We write algorithms in a step-by-step manner. Algorithms writing is a process and is executed after the problem domain is well-defined.

#### Example
Design an algorithm to add two numbers and display the result.

`step 1 - START
step 2 - declare three integers a, b &c
step 3 - define values of a & b
step 4 - add values of a & b
step 5 - store output of step 4 to c
step 6 - print c
step 7 - STOP`

Algorithms tell the programmers how to code the program. Alternatively, the algorithm can be written as :

`step 1 - START ADD
step 2 - get values of a & b
step 3 - c ← a + b
step 4 - display c
step 5 - STOP`

In design and analysis of algorithms, usually, the second method is used to describe an algorithm.

We design algorithms to get a solution to a given problem. A problem can be solved in more than one ways.

{% user totheinnovation %}

[Visit my website](https://totheinnovation.com) 

{% instagram CHo2fjKHXkm %}
How to find the length of a string using strlen in C
Tags: c, programming, function, tutorial
Published: 2021-02-02 16:54:34

A tutorial for finding the length of a string using **strlen** in C \- language

<!--more-->

- The **`strlen()`** function counts the number of characters in a given string and returns the long unsigned integer value.
- It is defined in **C** standard library, within **`<string.h>`** header file.

```c
char saying[] = "Better late than never";
strlen(saying);
```

- It stops counting when the null character is encounter. Because in C, null character is considered as the end of the string.

#### Working example

```c
#include <string.h>
#include <stdio.h>

int main()
{
    char planet[] = "Earth";

    printf("\n Using strlen for planet without null character: %zu", strlen(planet));
    printf("\n Using sizeof for planet with null character: %zu", sizeof(planet));

    return 0;
}
```

#### Output

```c
Using strlen for planet without null character: 5
Using sizeof for planet with null character: 6
```

**Note** that the `strlen()` function doesn't count for the null character **`\0`** whereas `sizeof()` function does.

Read the complete post on our site [Find the length of a string using strlen() in C](https://meshworld.in/find-the-length-of-a-string-using-strlen-in-c/)

Read others post on our site [MeshWorld](https://meshworld.in)

Happy 😄 coding

With ❤️ from 🇮🇳
Quick Introduction to Strapi HeadlessCMS for Ionic VueJS Mobile App
Tags: vue, strapi, javascript, ionic
Published: 2021-02-02 16:49:54

> [**NEW** Ionic VueJS Vuex Firebase Course Available On Udemy](https://www.udemy.com/course/using-ionic-framework-vuejs-firebase-vuex-for-image-diary/?referralCode=4E0B017049999378880A)

# [VIDEO] Quick Introduction to Strapi HeadlessCMS for Ionic VueJS Mobile App

[Strapi.io](strapi.io) - Strapi is the leading open-source headless CMS. It’s 100% Javascript, fully customizable, and developer-first.
[www.strapi.io](www.strapi.io)

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

### What Is A Headless CMS
>A headless CMS is content management software that enables writers to produce and organize content while providing developers with structured data that can be displayed using a separate system on the frontend of a website or app.

We quickly setup Strapi as a headless CMS for an [Ionic Framework VueJS](https://ionicframework.com/docs/vue/overview) Application. The Application creates content that contains some text fields and an image field. The video walks through reading the data from Strapi and adding additional documents to the CMS through the Ionic VueJS Application.

>[Strapi Quick Start Guide Available Here](https://strapi.io/documentation/developer-docs/latest/getting-started/quick-start.html)

### ImagePost Object In Strapi
- title: text
- body: text
- image: media

We enable public access to all the content in the application for the purpose of the tutorial.

### VueJS Code
- We use [Ionic Framework Vue Components](https://ionicframework.com/docs/vue/overview)
- Start a blank template application using the ionic/cli
- Application has two main components, Home and AddItem
- `Home.vue`: displays a list of the ImagePost object 
- `AddItem.vue`: Input form to add the text fields and to select the image to include with the post

### Video Tutorial On YouTube
{% youtube 82Z7Ojsm8NQ %}
Latest ECommerce Strategies For Valentines Day
Tags: digibharata, ecommerce, sales, marketing
Published: 2021-02-02 16:32:08

There are many ecommerce strategies for Valentine’s Day for ecommerce websites. To grab customer attention and make them buy a Valentine’s Day gift for their partner. In our article, we share the best 5 [ECommerce Strategies For Valentines Day](https://digibharata.com/ecommerce-strategies-for-valentines-day/) that will help you to boost your sales. Take a look.