teleren/devto huggingface dataset:
Why I choose ReactJs and React Native(For hybrid app development).
Tags: react, reactnative, javascript, webdev
Published: 2020-05-01 14:41:52

---
title: Why I choose ReactJs and React Native(For hybrid app development).
published: true
description: What frontend framework should I learn.
tags: reactjs, react-native, javascript, web-development
cover_image: https://reactjs.org/logo-og.png
canonical_url: https://medium.com/@aibrahim3546/why-i-choose-reactjs-and-react-native-for-hybrid-app-development-2afeb7e2e4cc?source=friends_link&sk=8ba8e72fc90101504d8c8d1420601072
---

I am going to share with you guys, what made me choose ReactJs for web development and React Native for hybrid mobile app development.

Simple, I choose to focus on this framework is because of the current market demand. At the time I am writing this article, ReactJs and React Native developer are in demand in the current market at my country(Malaysia) and also at most of the country out there.

It's so easy for me to find a job here when I am a React Developer. While I am focusing on React at the moment, I am also always keeping an eye on VueJs, Svelte and Flutter.

When I have my free time I will go and look at this amazing framework. And try to understand, how it is different compare to React. So that when the time come, I can be prepare to switch my stack so that I won't be out of job and make sure that my pay are good.

We as a developer must always be up to date with the current technology and trends. We must be ready for change anytime. Because we don't know when the tool we are using going to expired. Tech industry grow way fast compare to other industry in this world.

I am not telling you that React or React Native will be gone or not used in the future, We just need to make sure that we are always aware about the latest technology that is being used so that in the coming future we won't be left behind.

What do you think?
The importance of 'mobile-first' approach
Tags: discuss, webdev, beginners
Published: 2020-05-01 14:26:39

Mobile users cannot be ignored!

Based on Google research, 68 million searches are carried out from mobile devices every hour around the World giving us a total of 69% of people starting their research from a mobile device.

That is why mobile-first play an important role when start planning a product design. It has more restriction but at the same time, it gets more versatile when needs to be expanded to tablet or desktop by adding and creating extra features.

By following this approach, the product design could lead us from the beginning to identify which are the primary, secondary, tertiary information important for the users that means that they are not to be deleted bu simple hidden based on which device you are using by the time. It helps to sort all those information in a way that in a smaller screen where less content could be fitted the users gets whatever needed immediately by removing any distraction, any unnecessary user interface decoration will turn up immediately in a better User Experience.

One important thing to understand the “mobile-first” concept is not to think about that as “responsive”.

Responsive Website Design is the formatting of a website that it can be optimally viewed from any type of device: PC, tablet, and smartphones. This might sound very familiar to the mobile-first approach because responsive web design is a feature of mobile-first design. However, responsive is different in that it starts with designing for desktop and working down in formatting for tablet and mobile.

From a design standpoint, responsive web design is a combination of moveable grids, layouts, and images that function from CSS media queries. So when the user is looking at a website on their phone and then moves to a desktop, they have a similar experience due to the flexibility of the layout. Pictures and content may be arranged, but the user can do and see everything on mobile and desktop.

Responsive came onto the scene before mobile-first, that is sometimes why there is confusion between the two approaches. Another example of a responsive website would be if you were to grab the corner of your browser and readjust the size. Make it smaller and you will see the content rearrange itself so that it is not cut off. Believe it or not, it was once common for webpages to just end where the browser did so that users had to scroll around to find content. It is best to follow the trends of the time and utilize a mobile-first approach. Responsive design does not take into mind limiting content. Users will get more out of their experience if they only see the essential information on their mobile devices. By only resizing the webpages, they still may not receive the functionality they need to have a positive user experience.
How to make AJAX requests using AXIOS?
Tags: beginners, javascript, frontend, 100daysofcode
Published: 2020-05-01 14:21:04

The first step is to install the AXIOS library on the project that will need to work with AJAX. And there are some ways to do this, one of them is to use a dependency manager to download, another and simply include the library's online CDN in the project.

Download AXIOS with npm:
```javascript
npm install axios
```
Download AXIOS with yarn:
```javascript
yarn install axios
```
Using CDN:
```javascript
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
```
The purpose of the AXIOS library is simply to make AJAX requests, it means that it is a very small and light library. In addition to having a very simple and lean implementation.

Another important feature is the compatibility with several different browsers.

### **AXIOS Syntax**

Basically it uses the AXIOS resource, or HTTP verb of the request (get, post, put, patch, delete, options, head), and uses the then() method to retrieve the promise, which is returned in case of success, and the method catch() which is the return of an exception.

The get() method expects two parameters, the first is the URL that will be made the AJAX request, and the second is optional, which is the data (for meters) that will be sent.

```javascript
axios.get ('https://viacep.com.br/ws/${cep}/json/')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  })
```
### **But, what is AXIOS?**

Axios is a promise-based HTTP client for the browser and Node. js. Axios makes it easy to send asynchronous HTTP requests to REST endpoints and perform CRUD operations. It can be used in plain JavaScript or with a library such as Vue or React.
flask docker gunicorn example
Published: 2020-05-01 14:10:42

Here is my first basic flask app container I wanted to share.
It uses flask, docker and gunicorn.  It also needs a local mysql server db running.

refer to the file 'supplies.sql' to create the table.  Just run the 'go' script.

You can download it from: http://s000.tinyupload.com/?file_id=39820669431399614570

bye for now!
"Hello, World!" but in 30 different languages!!!
Tags: python, javascript, kotlin, go
Published: 2020-05-01 13:40:24

Since the last week, I was scratching my head to figure out what post can I write in dev? I wanted it to be meaningful so that it can be useful for the readers. Then, I thought, if I can't write anything meaningful then I should write something absolutely meaningless. And here I am. Printing "Hello, World!" in 30 different languages(in no particular order). ENJOY!

[Spoiler alert: The last one is special!]

##1. C
```C
#include <stdio.h>
int main(void){
    printf("Hello, world!\n");
    return 0;
}
```

***
##2. C++
```cpp
#include <iostream>
int main(){
 std::cout << "Hello, World!\n";
}
```

***
##3. C'#'
```c#
class HelloWorldApp{
 static void Main(){
 System.Console.WriteLine("Hello, world!");
 }
}
```

***
##4. Python
```python
print("Hello, world!")
```

***
##5. Java
```java
public class HelloWorld
   {
        public static void main(String[] args)
        {
             System.out.println("Hello, world!");
        }
   }
```

***
##6. JavaScript
```js
document.writeln('Hello, World!');
```

***
##7. TypeScript
```ts
console.log("Hello, World!");
```

***
##8. R
```r
cat("Hello, World!")
```

***
##9. Rust
```rust
fn main() {
    println!("Hello, World!");
}

```

***
##10. Go Lang
```go
package main 
func main() { 
    println("Hello, World!") 
} 
```

***
#11. Lua
```lua
print("Hello, World")
```

***
##12. Perl
```perl
use strict; 
use warnings; 

print("Hello, World!"); 
```

***
##13. Haskell
```haskell
putStrLn "Hello world"
```

***
##14. Bash
```bash
echo 'Hello, world!'
```

***
##15. Kotlin
```kotlin
fun main() {
    println("Hello, World!")
}
```

***
##16. Ruby
```ruby
puts "Hello, World!"
```

***
##18. Swift
```swift
import Swift
print("Hello, World!")
```

***
##19. Julia
```julia
println("Hello, World!")
```

***
##20. Dart
```dart
void main() {
  print('Hello, World!');
}
```

***
##21. Elixir
```Elixir
IO.puts("Hello, World!")
```

***
##22. Groovy
```groovy
println "Hello, World!"
```

***
##23. Scala
```Scala
object dev
{
    // Main Method 
    def main(args: Array[String]) 
    {
        // prints Hello World
        println("Hello, World!") 
    }
}
```

***
##24. Ada
```ada
with Ada.Text_IO;
procedure Hello is
begin
   Ada.Text_IO.Put_Line("Hello, world!");
end Hello;
```

***
##25. Bosque
```bosque
namespace NSMain;  
entrypoint  
function main(): String {  
 return "Hello, world!";  
}  
```

***
##26. BASIC
```basic
PRINT "Hello, world!"​
```

***
##27. Cobol
```cobol
display "Hello, world!".
```

***
##28. D
```d
import std.stdio;
void main()
{
    writeln("Hello, World!");
}
```

***
##29. F'#'
```f
open System
[<EntryPoint>]
let main argv =
    printfn "Hello, World!"
```

***
##30. BrainF*ck
```brainfuck
++++++++[>++++[>++>+++>+++>+<<<<-]>+>+>->>+[<]<-]>>.>---.+++++++..+++.>>.<-.<.+++.------.--------.>>+.>++.
```

Why not add a few more in the comment section?
Array_01 ABC
Tags: javascript, beginners
Published: 2020-05-01 13:28:52

---
title: Array_01 ABC
published: true
description: Intro To Array
tags: javascript, beginners
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/eh2krkjrxdqvy6mg7y4k.jpg
---

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/75qb35v7vjitn28i9ze3.png)
As in the code above, we may create an array by writing inside the square brackets **[]** 
You can add values ( Primitives, functions and Objects ) separate by **" , "** .
Since the arrays are objects, they have properties and methods, so for example, you may find how many items live inside your array by the property **.length**
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ov7ekbawv8kjdg7f47ji.png)
Sometimes you need to get a value from an array, well you may accomplish this task in two ways:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/493m068m62z4fih4b0w4.png)
Array is zero index based, so this means that the first item in the array is number 0 the second is number one and so on. In the code above we see this
```javascript
const peach = [fruit.length -5] // minus 5 stand for our peach
```
In fact fruit.length returns 6 that correspond to the numbers of items that we have in our array; [fruit.length <mark>-5</mark>] minus five because our peach is the second element in the array so index1 (like in the code above) so to get it we need to scale from our .length five numbers.
If we want to get the last item of the array we write:
```javascritp
const peach = [fruits.length -1] // 6 - 1 because the last item is index5
```
If you want to set an item do this:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ype0n9wozpon9agyg20n.png)
Now our peach has became a carot.
May 1 — Daily CodeNewbie Check-in Thread
Tags: codenewbie, checkin, beginners, discuss
Published: 2020-05-01 13:27:27

---
title: May 1 — Daily CodeNewbie Check-in Thread
published: true
description: A daily thread to ask questions, share progress, and stay accountable!
tags: codenewbie, checkin, beginners, discuss
series: Daily Checkin
---

You are encouraged to use this daily thread to:
- Ask for help (all questions encouraged)
- Explore topics you’re curious about
- Share something you’ve written or read
- Celebrate your wins
- Stay accountable to your goals
- Support your fellow programmers

Happy Coding!

---

_Interested in joining the twice-weekly live [#CodeNewbie Twitter chats](https://twitter.com/search?q=codenewbie)?  You can find us [on Twitter](https://twitter.com/search?q=codenewbie) each Wednesday at 9pm ET (1am GMT on Thursday) and Sunday at 2pm ET (6pm GMT)!_
Computer vision to diagnose coronavirus
Tags: datascience
Published: 2020-05-01 13:26:21

As America has collectively tested a million people and some test results are [taking more than a week](https://www.technologyreview.com/2020/04/05/998460/covid-19-test-results-faster-commercial-labs-delays-coronavirus/). Testing of coronavirus remains among the most pressing problems with America’s response to the pandemic — this calls for quick and accurate coronavirus diagnostics.

Alibaba Group built an [artificial intelligence system](https://www.alizila.com/how-damo-academys-ai-system-detects-coronavirus-cases/) capable of virus-diagnosis and analysis from CT scan imagery. A CT machine produces 300 to 400 images per patients, and it would take a very experienced doctor at least 10 minutes to diagnose one patient. An artificial intelligence system can diagnose in less than 30 seconds and with a 96% accuracy.

These AI-enabled medical-imaging systems use computer vision to classify cases and to detect signs of improvement. It served as an analytical and screening tool, providing the opinion for doctors to make decisions. These AI systems have been used by 26 hospitals and has helped diagnose over 30,000 cases in China, and it is on its way to [help other countries](https://www.bloomberg.com/news/articles/2020-03-19/alibaba-pitches-diagnostic-tool-to-europe-in-china-outreach-move).
We launch on PH! Make money with your APIs.
Published: 2020-05-01 13:26:10

Hi everyone, 

I launched Servernope on Product Hunt today!🚀🐱

With Servernope, developers are able to:
🤑Sell your cloud function easily
🤯 No need to worry about deploy, host, scale, selling, etc.
🦸‍♀️Join challenges to improve your skills.
🤖Publish your functions in any language
👨‍💻Spend less money to solve your business problems. 

Please support us and upvote! 
https://www.producthunt.com/posts/servenope
Confine Your Special Moment With Professional Wedding Photographer Durban
Published: 2020-05-01 13:09:14

Wedding is the most important and very special movement in every one’s life. Every people want to incarcerate this real essence and moments of the wedding events and make it memorable for life long. Wedding photography not only captures the special and unforgettable moments but connects the emotions closely through the senses, and creat great pleasure. It is a humble job where everything is handled with delicacy and precision to get the moment captured the way it should be. However to confine your special moments uniquely, honestly and exquisitely you need Professional Wedding Photographer Durban, who can help with your different photography needs. 

Wedding is the most special occasion that if you miss its fresh charm, then it cannot be created like the first time. You cannot compare this occasion like any other event. Professional Wedding Photographer Durban provide the best attention to preserve these amazing moments and make you remind of the freshness of your relationship so that you can smile and cherish remembering those sweet memories throughout your life.

You can also go for the local photographer to get your work right done. They can also cover your entire wedding photo as per your needs and specification. But you can expect the same professional service as like Professional Wedding Photographer Durban. 

Why to opt Professional Wedding Photographer Durban:

When you are planning to capture your entire loving and special jiffy for your life time memories, Professional Wedding Photographer Durban can help you with your photography needs and help you to freeze your loving and soulful moments that appear once in lifetime of couples and families. 

They have expert hands and creative mind behind the camera to cover the entire wedding functions and capture those magical moments in the lens. They capture the most unique and exciting moments of couple, and offer them a life time experience.

Helmed with dedicated team of photographers they do their job with a flair for professional finesse.  They have the skill in capturing the best wedding photographs and save it for your best memory. 

With the years of experience in this domain they understand your needs very much and take pictures like you deserve, and the way you want and satisfied your unique needs. 

Without compromising with quality of service they stand with you offer optimum quality photography service and freeze important collection of happiness of your life and make clients happy with their photography needs.

If you are looking for Professional Wedding Photographer Durban, you can visit ameerismailphotography.com to get a best deal.
TerminusDB Webinar - Terminators Remote Working
Tags: tech, business, interview, video
Published: 2020-05-01 12:40:48

---
title: TerminusDB Webinar - Terminators Remote Working
published: true
description: Two-third of the world has been in lockdown for a month now. However, it has been a productive month for our TerminusDB team. We are working fast to prepare for the release of Hub next month. How did we do that? How does a start-up tech company face this challenge and adopt the changes? How would this pandemic affect the business of the tech industry? We ask Luke Feeney, our business and operations lead these questions.
tags: tech, business, interview, video
---
Two-third of the world has been in lockdown for a month now. However, it has been a productive month for our TerminusDB team. We are working fast to prepare for the release of Hub next month. How did we do that? How does a start-up tech company face this challenge and adopt the changes? How would this pandemic affect the business of the tech industry? We ask Luke Feeney, our business and operations lead these questions.
CI/CD - Not synonymous but related
Tags: devops
Published: 2020-05-01 12:38:16

At first, when I started my learning path in DevOps, I always thought that Continuous Integration (CI) and Continuous Delivery (CD) were synonymous terms until I made a deep search about it.

As seen in [devops.com](https://devops.com/continuous-integration-vs-continuous-delivery-theres-important-difference/):

> CI is the process of integrating code into a mainline code base. In almost all scenarios today, CI is done using platforms designed specifically for the purpose. Implementing CI is, therefore, as simple as using the right tools.

> CD is more complicated. CD is about the processes that have to happen after code is integrated for app changes to be delivered to users. Those processes involving testing, staging and deploying code. There is no single type of tool that does all these things. These processes take different forms, depending on the culture of the team and the type of app it is creating.

So we can asume that CI is the main scenario where we start to build or "orchestrate" our CD. Our roadmap and our clean process of creating de delivery actions.  
The process and the platform we establish to start building our delivery. And the CD is all of the phases (or jobs) that we chain to perform the action of push to "master" and make the software available for the users.
Blog template
Tags: replit, html, css, javascript
Published: 2020-05-01 12:31:49

For those who need this, use it :)

{% replit @kbfton/Blog-Template %}
Code:
<html>
  <head>
    <title>
      Blog template
    </title>
  </head>
  <body background="https://mcdn.wallpapersafari.com/medium/76/59/3lF2Jm.jpg">
  <center>
  <hr>
  <h1 style="color=#000000;">My daily blog</h1>
  <hr>
  </center>
  <h2 style="border:5px #000000 dotted;">Lorem ipisum</h2>
  <p style="border:5px #000000 dotted;">Lorem ipsum dolor sit amet consectetur adipiscing elit augue platea, molestie porta cubilia ad nisi fringilla quam euismod nec, integer venenatis aptent lacus magna mi sem eget. Tempus luctus ullamcorper litora est bibendum consequat nibh venenatis lacinia, ac cursus penatibus tortor arcu cubilia dui mattis mus inceptos, sem imperdiet netus tristique fames praesent sodales euismod. Hendrerit ornare magna odio felis gravida primis sem massa donec, volutpat ad non pellentesque aliquet vulputate venenatis fringilla blandit dapibus, rutrum nam dictum et natoque vestibulum euismod sapien.

Commodo varius viverra nostra curae dapibus lacinia odio morbi fames habitant himenaeos, sodales mauris natoque nulla pulvinar sociosqu ante pharetra parturient inceptos enim magna, montes dignissim ultricies ad imperdiet conubia ac aliquam praesent rutrum. Fermentum malesuada per nisl curae aptent volutpat blandit augue nulla sed, varius a elementum ullamcorper posuere etiam accumsan platea ut, luctus vestibulum magnis gravida ultrices vitae mus himenaeos dui. In laoreet fringilla velit cubilia praesent mollis ligula potenti sapien accumsan, hendrerit vivamus feugiat turpis faucibus augue nibh nisi sociosqu suspendisse, erat montes scelerisque quisque phasellus nascetur purus parturient ullamcorper
<hr>
Posted in: 1/5/2020 7:17:11PM
</p>
VitePress 📝💨 VuePress clone built on top of Vite
Tags: news, vue, webdev
Published: 2020-05-01 12:27:35

13 hours ago Evan You announced VitePress, "the [VuePress'](https://vuepress.vuejs.org/) little brother, built on top of [vite](https://github.com/vuejs/vite)". 

<blockquote class="twitter-tweet"><p lang="und" dir="ltr"><a href="https://t.co/6X2EPXfCml">https://t.co/6X2EPXfCml</a></p>&mdash; Evan You (@youyuxi) <a href="https://twitter.com/youyuxi/status/1256001884063752193?ref_src=twsrc%5Etfw">April 30, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

VitePress has a lot improvements over VuePress, as you can deduce from the name it uses `vite` under the hood which involves really faster hot updates and a blazing fast dev server because it doesn't require any compilation with Webpack as in VuePress (that's possible because `vite` intercepts requests to .vue files and compiles them on the fly, and it's instantly fast). VitePress uses Rollup internally reducing the time of static site building and generates lighter pages thanks to `Vue 3 tree-shaking` and `Rollup code splitting`. [Here](https://github.com/vuejs/vitepress#improvements-over-vuepress) you can find the complete list of all the improvements made by VitePress. 

## Try it!

VitePress is in early WIP and requires `Nodejs >= 12` (I use `12.16.3 LTS`). Install VitePress in your project

```sh
npm install -D vitepress
```

And create a simple markdown file

```sh
echo '# Hello VitePress' > index.md
```

To run the dev server

```sh
npx vitepress
```

To run a complete build

```sh
npx vitepress build
```

The generated static site is in `.vitepress/dist`. 

You can easily override the main theme creating `theme` folder inside `.vitepress` with two files, `Layout.vue`

```vue
<template>
  <div class="theme-container">
    <h1>{{ $site.title }}</h1>
    <p>{{ $site.description }}</p>
    <Content/>
  </div>
  <Debug/>
</template>

<style>
.theme-container {
  font-family: Arial, Helvetica, sans-serif;
  color: #2f495e;
}
a {
  color: #00c58e;
}
</style>
```
And `index.js`
```js
import Layout from './Layout.vue'

export default {
  Layout,
  NotFound: () => 'custom 404',
  enhanceApp({ app, router, siteData }) {}
}
```

I made [a repository](https://github.com/astagi/trying-vitepress) to try VitePress and its upcoming features!

Happy coding 👨🏻‍💻