teleren/devto huggingface dataset:
Best of React and React Native in February
Tags: react, reactnative
Published: 2021-03-18 13:33:59

We're back with 5 great React videos from February. You can either check our article or choose what to watch below.

https://blog.meetupfeed.io/react-meetup-videos-feb-2021/

Production in 60 days | Cryptography | Web accessibility

Check out the following video to learn about production with React in 60 days, some exciting insights about cryptography and finally: web accessibility. 

Link: https://meetupfeed.io/talk/react-js-girls-1

React is hard but not why you may think | Sara Vieira

React is hard. There are a lot of resources for getting started, but things can get complex and confusing when writing full blown application. Navigating its ecosystem is a lot to take in and sometimes extremely overwhelming. With this talk, I hope to help you understanding some of its gotchas more clearly, while giving you some confidence when building bigger React applications.

Link: https://meetupfeed.io/talk/react-is-hard

Should you learn React Native in 2021?

Today, I will talk about if you should learn Javascript in 2021, the pros and cons of learning Javascript, among other things. Additionally, I will talk about some of the current trends and comparisons of React Native among its competitors in the software development industry.

React Native is known to be the “one framework that rules them all” in the tech industry. It is adopted by hundreds of businesses worldwide like Uber, Microsoft, and Facebook, and React Native is used across a whole range of industries. However, if you are thinking of learning React Native, it’s crucial that you understand how it works.

Link: https://meetupfeed.io/talk/learn-react-native-2021

What is React Native Paper?

What is React Native Paper and what makes this UI library so unique. In this short video from The React Native Show podcast, Dawid Urbaniak, the lead engineer in the React Native Paper team explains some basic queries about this UI library. If you haven’t heard about this library before, it’s definitely worth watching!

Link: https://meetupfeed.io/talk/what-is-react-native-paper

How to create a ReactJS video chat app with WebRTC & Socket.io

In this video, we go over how to build a video chat application in ReactJs using webRTC and socket.io. This past year working from home has become a necessity for many people. Video chat apps like Zoom and Skype are getting more use than ever. I decided to build upon some other Video chat tutorials I’ve seen and add my own twist to things.

Link: https://meetupfeed.io/talk/react-build-video-chat-app
Top 5 NodeJS videos in 2020
Tags: node
Published: 2021-03-18 13:21:35

Hello,

We've recently released a selection of 2020's finest and most relevant NodeJS videos. I wanted to share it with you too.

You can either read the whole article here, or simply choose what to check below. https://blog.meetupfeed.io/nodejs-top5-meetup-videos-2020/

Building a NodeJS registry with React | Juan Picado

In less than 10 minutes, Juan will show you how they have built a NodeJS registry with React.

Link: https://meetupfeed.io/talk/nodejs-registry-react


Bringing Machine Learning and Linear Algebra to NodeJS | Ping Yu & Sandeep Gupta

No Python required – this session will highlight unique opportunities by bringing machine learning and linear algebra to Node.js with TensorFlow.js. Nick will highlight how you can get started using pre-trained models, train your own models, and run TensorFlow.js in various Node.js environments (server, IoT).

Link: https://meetupfeed.io/talk/nodejs-machine-learning-algebra

State of NodeJS core | Ludovic Gasc

Node.js is now over a decade old. With Node.js 12 just entering into long-term support, and Node.js 13 being released, let us take a look at the new features, breaking changes, and what is next. Node.js is an open-source, cross-platform, JavaScript runtime environment that executes JavaScript code outside of a browser.

Corporate users of Node.js software include Groupon, IBM, LinkedIn, Microsoft, Netflix, PayPal, SAP, Walmart, and Yahoo!.

Link: https://meetupfeed.io/talk/nodejs-core-state

Building a Messenger Bot with NodeJS | Scott Arnold

Scott Arnold walks you through how to build a natural language-enabled Bot for Messenger using Wit.ai and Glitch. Learn how to train your bot to parse utterances in Wit.ai, how to build a Facebook Page and app for the bot to live on, and how to use Glitch and Node.js to link them together.

Link: https://meetupfeed.io/talk/nodejs-messenger-bot

NodeJS 15: New features & APIs | James Snell

And, you’ve made it to the last one – congrats! This video from December, 2020 by James Snell will show you the latest features and APIs of NodeJS 15.

Link: https://meetupfeed.io/talk/nodejs-15-features-api
Top Dev Tools for 2021 (video)
Tags: react, devtools
Published: 2021-03-18 13:10:11

Hello internet! And welcome to this video in which I share with you my top tools for web development in 2021. I hope you enjoy the video and please do share your own favourite tools in the comments below.

{% youtube JRStRcrHDlQ %}

In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-tool​

If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow

Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips

You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://www.instagram.com/aniakubow
#codingbootcamp​​​ #coding
Copie e Cole pelo terminal com Xclip
Tags: linux, bash, ubuntu, braziliandevs
Published: 2021-03-18 13:09:26

Olá pessoal, hoje vamos conhecer o programa `xclip` que possibilita uma forma de copiar o conteúdo do terminal para a área de transferência do sistema ou do _mouse_. O `xclip` é um utilitário de linha de comando preparado para sistemas que utilizam o **X11** (servidor gráfico). Neste tutorial, estarei utilizando o sistema operacional Xubuntu 18.04.

Abra o terminal e realize a instalação do programa com o comando abaixo:

```bash
sudo apt-get install xclip
```

Realize a cópia para área de transferência do _mouse_ (primário), com o comando abaixo:

```bash
echo 1234 | xclip -selection primary
```

Podemos também realizar a cópia diretamente para o _mouse_ sem utilizar as opções para definir a seleção, porque é a opção padrão.

```bash
echo 1234 | xclip
```

O conteúdo da área de transferência do _mouse_ pode ser utilizado com a opção `-o`, também podemos utilizar o clique no botão do meio do _mouse_ para colar o conteúdo, e no terminal as teclas `Shift + Insert`.

```bash
xclip -o
```

Agora vamos utilizar a área de transferência do sistema, para isso execute o comando abaixo, onde é utilizado a opção de seleção `clipboard`, podemos pensar que estamos usando as teclas `Ctrl + C`:

```bash
echo 1234 | xclip -select clipboard
```

Podemos deixar mais enxuto o comando acima:

```bash
echo 1234 | xclip -sel clip
```

Para utilizar o conteúdo da área de transferência do sistema, será semelhante ao do _mouse_, mas precisamos especificar a seleção `clipboard`.

```bash
xclip -o -sel clip
```

Podemos realizar a leitura de um arquivo com a opção `-i`.

```bash
xclip -i -sel clip arquivo.txt
```

Com o `xclip` também são instalados os programas para manipulação de arquivos: `xclip-copyfile` (copiar arquivos), `xclip-pastefile` (colar arquivos), e `xclip-cutfile` (recortar arquivos).

Para conhecer mais sobre o **xclip** consulte o manual com o comando abaixo:

```bash
man xclip
```

## Referências

ASTRAND/XCLIP. GitHub. Disponível em: https://github.com/astrand/xclip. Acesso em: 26 dez. 2020.

MUNGAI, Dennis. Using Xclip To Copy Terminal Content To The Clip Board On Linux. 26 abr. 2017. GitHub Gist. Disponível em: https://gist.github.com/Brainiarc7/f5eb9a91973b62a0f71b4c4c6fbb9e03. Acesso em: 26 dez. 2020.

O QUE É X11?. Comunidade Hardware. Disponível em: https://www.hardware.com.br/comunidade/x11/292664/. Acesso em: 26 dez. 2020.

O QUE É XORG? 6 ago. 2012. VIVA O LINUX. Disponível em: https://www.vivaolinux.com.br/topico/Conhecimento-Livre/O-que-e-Xorg-1. Acesso em: 26 dez. 2020.

WHY DO WE HAVE 3 TYPES OF X-SELECTIONS IN LINUX? 17 out. 2010. Super User. Disponível em: https://superuser.com/questions/200444/why-do-we-have-3-types-of-x-selections-in-linux. Acesso em: 26 dez. 2020.

XCLIP(1): CLI TO X SELECTIONS - LINUX MAN PAGE. Disponível em: https://linux.die.net/man/1/xclip. Acesso em: 26 dez. 2020.
5 Best Motion Graphics Animation Studios
Tags: animation, motiongraphicsanimation, innovation, branding
Published: 2021-03-18 13:05:42

Motion graphics animation is a trendy style of storytelling, enthralls prospective people with stunning visuals. As it is convenient to share on social media,  reach more target audience, and aids in building brands. It attracts the attention of customers and captivates them to buy the products.

To enhance the potential audience, entrepreneurs or businessmen should explore and know the best motion graphics animation studios that deliver motion graphics services at nominal prices. No delay, let’s unwrap the outstanding motion graphics studios to build the business.

**Pixlnexs**
Pixlnexs is a pioneer animation studio that has an expert team of graphic designers, animators, and voice artists. It’s mainly focused on 2D,3D Animation,3D Modeling, and Motion graphics. They execute everything from story, script, design, storyboard, animation, and sound effects. 

Pixlnexs contributes various services of animation in several fields and delights the customers with striking visuals at a nominal price. {% youtube gsb4362vnaU %}

The above example video demonstrates the impact of stress on a working man. The viewers can easily grab the message conveyed from appealing and engaging visuals. 

**Epipheo**
Epipheo is specialized in video production and consists of a creative team of directors, animators, and artists. It’s specialized in 2D,3D  animation, and motion graphics.

It provides tailored animation videos for specific fields includes social video ads, brand video, video case study, and animated explainer video. Visit their portfolio on their website.

**Device**
Device is a multi-style animation production company. They produce motion graphics videos with brainstorming ideas from the expert team of illustrators, animators, graphic designers.
{% vimeo 198078454 %}

In the example video, explains the primary role of advancements in communication. It delivers the video content with amazing motion graphic designs.

**Studiotale**
Studiotale is a design-driven animation studio, especially for promoting brands. They create inspired content and show the brand’s uniqueness to the target people.

 The example video demonstrates the food heals app. They have delivered video content with magnificent visuals that touch the viewer’s emotion.

**Blu blu**
Blu blu creates exclusive motion graphics animation with adept in graphic design and VFX art. It applies 20 different technologies to produce a beautiful motion graphics animation.
{% vimeo 366194988 %}
 The above motion graphics video fascinates everyone with mind blogging visuals. It lifts the mood of viewers. 

Hope you got the best motion graphics animation studios rather than spending your time on exploring on the internet. If you like the animations featured in the post, reach out to these motion graphics studios and design your animation with them.
CS50 Week 6 - Readability in Python 
Published: 2021-03-18 12:57:46

### The Problem
The task here is to write some code in Python that will determine the "grade" (or reading level) of a passage of text using a calculation called the Cole-Liauman index.

### The Solution
First things first, we're going to want to import the **get_string** function from cs50 and also import the library **string** from Python. This will be useful later.
```
from cs50 import get_string
import string
```

We want to get the user input and declare variables. Words is declared as one because we count spaces to find how many words there are in a passage of text, but of course it would be unusual to have a space before the first word so the amount of words in some text will be amount of spaces + 1, generally.
```
# Get user input
sentence = get_string("Text: ")

# Declare variables
letters = 0
words = 1
sentences = 0
```

To find how many sentences there are in our text we can just check to see if the current letter in the sentence is an exclamation mark, question mark or full stop.
If the letter is any other punctuation (such as a comma), we don't want to increment anything so we can just continue. We do this so that when it reaches the **else** block, our program won't count a comma as a letter.
To find the amount of words we can count the spaces as mentioned before.
Finally, the else block because anything else is going to be a letter.
```
# Loop through string, identifying each letter
for letter in sentence:
    if letter == "!" or letter == "?" or letter == ".":
        sentences += 1
    elif letter in string.punctuation:
        continue
    elif letter in string.whitespace:
        words += 1
    else:
        letters += 1
```

We first need to find the **word factor** before we do any calculations. This is important because it allows us to find how many letters and sentences there are **per 100 words**.
The Coleman-Liau index calculation is rounded to an integer.
```
# Calculations for liau index
wordFactor = words / 100
lettersPer100 = letters / wordFactor
sentencesPer100 = sentences / wordFactor
liauIndex = round((0.0588 * lettersPer100) - (0.296 * sentencesPer100) - 15.8)
```

Finally, we just have to print the grade based on what the Coleman-Liau index is! Above 16 we print "Grade 16+", below 1 is "Before Grade 1" and anything else is going to be whatever the grade is so we can just inject the Coleman-Liau value into a string that says "Grade {liauIndex}".
```
# Print correct grade based on liau indx
if liauIndex > 16:
    print("Grade 16+")
elif liauIndex < 1:
    print("Before Grade 1")
else:
    print(f"Grade {liauIndex}")
```
Jobs a goodun!
My personal website built using HTML, CSS, and vanilla JavaScript
Tags: showdev, webdev, portfolio, css
Published: 2021-03-18 12:43:39

Hello, developers! 👋 
I've recently created a [personal website](https://kimlimjustin.github.io) using HTML, CSS, vanilla JavaScript, and looking for any feedback for my personal website.

link: https://kimlimjustin.github.io

Feature my personal website has:
- Loading animation using CSS
- Animate on scroll using AOS library
- Recent blog from dev.to using [DEV API](https://docs.forem.com/api/)
- Theme and light themes
- A terminal simulator built using Vanilla JavaScript

My website is also open source, here's the link of its code: https://github.com/kimlimjustin/kimlimjustin.github.io

Any comments will be appreciated :) Thanks

## Happy coding! 🎉

You might also like these articles:
{% post https://dev.to/kimlimjustin/google-forms-clone-with-django-and-vanilla-javascript-7ha %}{% post https://dev.to/kimlimjustin/3-good-quality-apps-for-windows-to-make-your-computer-seems-modern-k4k %}{% post https://dev.to/kimlimjustin/whatsapp-clone-with-mern-stack-mongodb-express-react-node-12pd %}
New WordPress Admin Color Palette
Tags: codepen, ux, wordpress
Published: 2021-03-18 12:42:56

#### **WOW!**

So pretty...

Let me just say I am loving this brand-new color palette repository for WordPress! (core, .org, and related projects) 

Oh, and if you're a WP plugin developer, listen up because this applies to you too. And you'll also want to grab [this handy PostCSS tool](https://gist.github.com/ryelle/ce466fe20e9c8165d8cafe9597b84316) to automate your CSS changes courtesy of [@ryelle](https://profiles.wordpress.org/ryelle/)! 😁😎

In his February post, [Standardization of WP-Admin colors in WordPress 5.7](https://make.wordpress.org/core/2021/02/23/standardization-of-wp-admin-colors-in-wordpress-5-7/), WP Core dev [Jb Audras](https://profiles.wordpress.org/audrasjb/) offered the following in-depth summary, and I quote:

>_This is the first part of a larger project in cleaning up WordPress admin CSS. In WordPress 5.7, all colors used in the CSS are collapsed to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white._
>
>_This new streamlined color palette collapses all the colors that used to be in the WordPress source code down to seven core colors and a range of 56 shades that meet the WCAG 2.0 AA recommended contrast ratio against white or black._
>
>_The colors are perceptually uniform from light to dark in each range, which means they start at white and get darker by the same amount with each step. Half the range has a 4.5 or higher contrast ratio against black, and the other half maintains the same contrast against white._
> 
>_Standardizing on this set of colors will help contributors make consistent, accessible design decisions. Themes and Plugin developers are encouraged to use this new color palette for better consistency between their products and WordPress Core._
>
>_Plugin authors that use the existing CSS Core classes should be all set up with the new color palette, as every Core class was updated accordingly._

Need/want more details? Check out the official [Design Handbook](https://make.wordpress.org/design/handbook/foundations/colors) or the CodePen palette shown below.

---

{% codepen https://codepen.io/ryelle/pen/WNGVEjw %}

---

_Now for a quick recruitment pitch_ 😅

Did you know that anyone is welcome to come and help shape future upgrades and improvements to WordPress? True open-source to the core, there are no prerequisites to joining the WordPress community.

It's also an excellent opportunity for those of us starting out as developers and designers to join a thriving open-source community and gain some valuable experience.

Interested? Consider contributing just 5% of your overall development time/effort by joining us in the [Five for the Future](https://wordpress.org/five-for-the-future/) initiative!

You will have the opportunity to help develop the subsequent versions of WordPress in countless ways, from casually providing feedback to working directly with the elite WP Core team.

---

Don't forget to 💖 this article and leave a 💭. If you're feeling extra generous, please click my name below to 🎆subscribe🎇!

  -- killshot13

---

{% user killshot13 %}

---
Nevertheless, Fakhru_sedulurbae Coded in 2021!
Tags: wecoded
Published: 2021-03-18 12:31:11

<!-- ✨This template is only meant to get your ideas going, so please change/add/remove these prompts as you wish! We also encourage you to create your own title if you’d like! ✨ -->

## My most recent achievement was…

## Advocating for myself looks like…

## My biggest goal is…

## My advice for allies to support underrepresented folks who code is...

<!-- Once your post is published, it will not appear on the /t/shecoded page until an admin approves it. This is an extra step to ensure there is no abuse on this important tag. --!>
Open source Chat application with flutter and firebase
Tags: flutter, dart
Published: 2021-03-18 12:25:47

Hello Every one I build an open source chat application using Flutter framework and firebase as a backend.

Features :

Sign in - SignUp - logout .
linking with Firebase Authentication system.
client and backend validation during logging and register.
search by name of users.
real-time send and receive messages using stream and linking with Firebaes Firestore database.
viewing profile page and able to edit info and upload images.
use pagination for showing the messages and also for friends list.
nice looking UI and user-friendly animation with a splash screen at the beginning.
using Bloc for state management.
using Get-it as a Service Locator for dependency injection.


This project is a starting point for a Flutter application.

This is the Github link

https://github.com/hosain-mohamed/Flutter-chat-App
Low-code vs. out-of-the-box (OOTB) solutions. Thorough comparison 👇🏽
Tags: webdev, technology, ui, frontend
Published: 2021-03-18 12:25:14

Get a flexible, customizable, secure solution for your business without overpaying.
See how #outofthebox software compares to #lowcode platforms in terms of:
▪️ Required development expertise
▪️ Time to production
▪️ Costs
▪️ Flexibility & customization
▪️ Features
▪️ Security, etc.

[Learn more](https://uibakery.io/post/low-code-platforms-vs-out-of-the-box?utm_campaign=ui_bakery%20-%20article%20-%20blog%20-%20cacq%20-%20lowcode_vs_outofthebox%20-%20views&utm_source=DevTo&utm_medium=webdev&utm_content=lowcode_ootb_comparison)
Flask vs Django Performance: Which Framework performs batter?
Published: 2021-03-18 12:23:34

We know that to write faster apps, Flask can be used around the software development community. 

There are several different tools and libraries available that worked to boost the performance of both frameworks. 

If a framework is performant highly, then the speedy, scalable, and secure app will result. To architectural issues and scaling pains, weak performance can lead. The great indicator of their effectiveness is that both Flask and Django have good results and are used by high traffic if we consider Flask vs Django performance. 


People also want to know about Laravel vs Django vs Node.js. [Read More](https://www.bacancytechnology.com/blog/laravel-vs-django-vs-nodejs)
WebRTC Single Stream Video Conferencing
Tags: webrtc, react, javascript, ruby
Published: 2021-03-18 12:21:42

eyeson has a unique core technology called Single Stream Technology (SST).

Here are the advantages: 

- The bandwidth always stays the same, regardless of the number of participants (1.5 Mbits up / download per client). 
- Recordings include all sources in one video and can be replayed directly after the live event.
- „Unified broadcasting“ – all participants see the same video and slides.
- Video quality ALWAYS stays HD.
- All connections are encrypted.
- Real-time broadcasting, independent of the number of participants.
- RTMP Live Streaming is available. 

Learn more [how the techn works](https://help.eyeson.com/what-is-single-stream-technology) or [how the dev works on Github](https://github.com/eyeson-team/)
The web interface for your 3D printer - OctoPrint
Tags: github
Published: 2021-03-18 12:07:11

OctoPrint provides a snappy web interface for controlling consumer 3D printers. It is Free Software and released under the GNU Affero General Public License V3.

_It is a cross between a baby monitor and remote control for 3D printers_

OctoPrint monitors the status of the print job and the printer itself, including the temperature of the print head (hot end) and the temperature of the bed if the bed on the printer is heated. OctoPrint can also show the output of a connected webcam to monitor the state of the print and visualize the G-code in sync with the print job or asynchronously.

![pumpkin pi](https://github.com/martinwoodward/PumpkinPi/blob/main/images/pumpkin-parts.jpg?raw=true)

_[PumpkinPi created with OctoPrint](https://github.com/martinwoodward/PumpkinPi)_

OctoPrint has a plugin system, allowing users to extend functionality. There are currently over 150 open-sourced plugins listed in the official [plugin repository](https://plugins.octoprint.org/).

## Demo

Watch Gina (creator of OctoPrint) walk through examples of using OctoPrint for consumer 3D printers.

{% youtube Pae3kVRi_yk %}

## Open Source Fridays

Come along to our Open Source Friday live streams. We go live on the [GitHub Twitch Channel](https://github.community/t/attended-making-twitch-bots-that-talk-to-the-github-api-let-s-chat/159453/2) most Fridays. Join the [Meetup Group](https://www.meetup.com/GitHub-Virtual-Meetup/) to stay up to date and see the topics each week.