teleren/devto huggingface dataset:
EmberJs vs VueJS
Tags: ember, vue, javascript
Published: 2021-06-02 13:47:36

In this article, we will be comparing the features of both frameworks. It will guide you to take advantage of the appropriate framework for creating your web app.

When you require a contemporary engine for an outdated application, Vue.js will be coming to your rescue. It helps to combine the best attributes of the other frameworks. Vue.js happens to be a developing framework. You will not come across a ready-to-use collection of interface elements. Nonetheless, a lot of third-party libraries can come to your assistance.

Ember.js is known to provide you with a trustworthy and properly organized framework. This framework will be ideal for you in case the development team happens to be big. It enables everybody to comprehend the written code and also make contributions to a common assignment. The technology is going to be up-to-date, while the platform is going to be stable.

Vue.js can assist you in using different types of syntax. It aids in writing the codes effortlessly. It is likewise a framework that is SEO-friendly. Ember happens to be a front-end framework that is fully loaded and can assist you in developing the apps quite fast. However, it is not ideal for creating small projects.

It is not simple to declare this is better as compared to that. It is going to depend on what type of project has been undertaken by you. Both come with their positive as well as negative aspects.
1. Stability

While Vue JS is quite stable, the same cannot be said about Ember JS.

 
2. Community

Vue JS can boast of having a large community that Alibaba and Laravel back. On the other hand, the community of Ember JS happens to be smaller.

 
3. Documentation

When it comes to Vue JS, you will come across plenty of updated documentation and tutorials. However, In the case of ember JS, most of the tutorials are outdated.

 
4. Code Base

Vue JS is considered to be lightweight and ideal for smaller projects. On the contrary, ember JS happens to be heavyweight and appropriate for one page and complicated projects.

 
5. Simplicity of learning

It is quite simple to learn Vue JS. However, ember JS is somewhat difficult to learn.

 
6. Coding speed

Both these frameworks are quite fast when it comes to coding speed.

 
7. Reactivity

Vue JS is reactive on simple JavaScript objects as well as fully computed and automated properties. Everything needs to be wrapped in Ember objects. It is imperative to declare dependencies employing computed properties.

 
8. Performance

With the batches updated automatically, Vue JS outperforms Ember JS. In the case of Ember JS, it is imperative to manually manage run loops in vital performance situations.

 
9. Routing

Single-page applications can use the Vue router library. In ember JS, while using the router, it will be possible to drive the application state from the URL.

Check out here more information about EmberJS vs VueJS: https://www.rlogical.com/blog/ember-js-vs-vue-js/
JavaScript Data Structures and Algorithms (Recursion, Part 2)
Tags: recursion, datastructures, algorithms, javascript
Published: 2021-07-10 20:10:12

---
title: JavaScript Data Structures and Algorithms (Recursion, Part 2)
published: true
date: 2021-06-02 15:39:38 UTC
tags: recursion,datastructures,algorithms,javascript
canonical_url: https://medium.com/geekculture/javascript-data-structures-and-algorithms-recursion-part-2-64a5028a54ab
---

[![](https://cdn-images-1.medium.com/max/2600/0*3fcF0YeTispZRawu)](https://medium.com/geekculture/javascript-data-structures-and-algorithms-recursion-part-2-64a5028a54ab?source=rss-be00f566a88f------2)

Hello! Welcome to the second part of this two-part overview of recursion. If you missed part 1, you can catch up on what we discussed here…

[Continue reading on Geek Culture »](https://medium.com/geekculture/javascript-data-structures-and-algorithms-recursion-part-2-64a5028a54ab?source=rss-be00f566a88f------2)
Watchman Cheat Sheet
Tags: watchman, cheatsheet
Published: 2021-06-02 15:38:07


### Also see

 * [Documentation](https://facebook.github.io/watchman/docs/install.html) _(facebook.github.io)_
### Watching

```
watchman watch ~/src
watchman watch-list
watchman watch-del ~/src
```

### Getting started

```bash
watchman watch ./src
```

Adds `./src` to the watch list.

```bash
watchman -- trigger ./src retest '*.js' -- npm test
```

Adds a trigger called `retest` to run `npm test` every time `*.js` changes in `./src`.

### Reference
* [Watchman Cheat Sheet](https://cheatsheetmaker.com/watchman) - [Cheat Sheet Maker](https://cheatsheetmaker.com)
How to add single quote in SQL query string
Tags: mysql
Published: 2021-06-02 15:36:25

In this post, we will learn about How to add single quote in sql query string.

when we’re creating queries that contain text, we use the single quote character to delimit the beginning and ending of our text value. For example, in this query, you can see where I have a single quote that is delimiting the beginning and end here of a text, which is a comma and space.

SELECT LastName + ', ' + FirstName as LastFirst
FROM   Person.Person
Example SQL with Quotes
So here I have an example where I’ve declared some text, and I’m setting the text equal to my parent’s car is broken. And here you can see I have a possessive “s”, with a single quote.

DECLARE @test as NVARCHAR(400)

SET @text= ‘My Parent’s car is broken.’
'My Parent's car is broken.'

And what’s happening here is just that, you’ll see some syntax errors, and the SQL is recognizing this first single quote as being a delimiter.

It thinks that the text part is my parent, and it doesn’t know what’s going on back here with the S, and then, the car is broken. It doesn’t understand that this quote, that’s really part of my phrase, is data, and that meant to be the delimiters for the statement.

To get around this, what we do is we use a fancy term. It’s called escaping the quote, and then in SQL, the convention to do that is to put another quote in front of it.

'My Parent’’s car is broken.'

So now I have two single quotes, and as you can see, the whole thing has turned red, so it’s recognizing the whole thing as a text value. And it says, my parent’s car is broken. So this now is a proper statement.

See more examples
Use two single quotes: ''

select *, 'INSERT INTO San_Endereco (Endereco_Id, Logradouro_Id, Bairro_Id, CEP, Logradouro, Livre) VALUES  
(''' + CAST(Endereco_Id as varchar) + ''',''' 
+ CAST(Logradouro_Id as varchar) + ''',''' 
+ CAST(Bairro_Id as varchar) + ''',''' 
+ CAST (CEP as varchar) + ''',''' 
+ CAST(Logradouro as varchar) + ''',''' 
+ CAST(Livre as varchar) + ''')'''  as teste 
FROM San_Endereco 
 
[](https://kodyoon.com/)
 

Hope this post be thankful and useful to you
Thank You
Day 100
Tags: 100daysofcode, programming
Published: 2021-06-02 15:30:02

Day 100/200 of #200DaysOfCode #100DaysOfCode


- Solved four problems on Codewars.

1 - Angle Between Clock Hands (6 kyu)
2 - Christmas Day (6 kyu)
3 - Dangerous Dates (7 kyu)
4 - regex validation of 24 hours time (7 kyu)
[ASK] WHY Always the first data to be updated?
Tags: node, mongodb, mongoose
Published: 2021-06-02 15:18:25

---
title: [ASK] WHY Always the first data to be updated?
published: true
description: 
tags: nodejs, mongodb, mongoose
//cover_image: https://direct_url_to_image.jpg
---
I created a function to update data.
but for some reason, every time I update the data to the 2nd, 3rd and so on. The updated data is always the first data.

here is my code : 

![movie.js — ~devProjectexpressProject 2021-06-02 at 8.46.30 PM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1zm10y3g1ar9q14ih5z7.jpg)

Case : 

![First App 2021-06-02 at 8.46.01 PM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yvt90dq3ajeyvrhjs40r.jpg)

Where is my mistake??
Please Help
5 steps to Deploy Your Website to China
Tags: netlify, vercel, javascript, node
Published: 2021-06-02 15:09:44

---
canonical_url: https://www.21cloudbox.com/solutions/5-steps-to-make-your-site-live-in-china.html
---
Getting your websites to work in China can be tricky. You probably know Google, Facebook, Uber, and many other big tech companies had tried coming to China but failed. There are many reasons for the failures but the things I'm about to tell you will save you time and money to prevent mistakes.

<p>&nbsp;</p>
## Github and AWS don't work in China

Any successful web apps can't live without version control and hosting platforms. Github and AWS, the two most popular services in the world don't work in China. What do I mean by "don't work in China?". More specially, say you want to clone a project to a server in China, what you normally do is: 

<p>&nbsp;</p>
```bash
git clone repo_name.git
```
<p>&nbsp;</p>

but you can only get up to 10kb/s speed to download your code in China, and in fact, you get this regularly:

<p>&nbsp;</p>
```bash
"fatal: unable to access '<your_repo>': Failed to connect to github.com port 443: Timed out"
```
<p>&nbsp;</p>

So this means you will have a hard time cloning your project to a server in China and the overall developers' experience in China would be terrible.

<p>&nbsp;</p>
**What's more?**

AWS (Amazon Web Service), GCP (Google Cloud Platform), and the cloud platforms you love don't work in China. If you have been using AWS, you know you can switch regions and spin up servers in minutes. When you come to China, whatever you do on AWS, you need to replicate it on AWS China again and then apply for the ICP License. 

Wait for a second, isn't AWS China just another region of the AWS system? Sorry to tell you it's not, it's on its own system in China, and the only two regions (Beijing and Ningxia) are not operated by AWS directly, in fact, it is operated by another two different companies in China. 

<p>&nbsp;</p>
**What's ICP License?** 

ICP (Internet Content Provider) License is a permit to have your websites go live in China. I know you are probably curious what happens if I don't have an ICP License and try to push a website up online, you will see this on your browser while visiting your domain:


![You will see this when you open a website without an ICP License](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f84uv8z6q9sg1bw0fq2s.png)

What it means is that no one can see your website. What happens behind the scene is that the default 80 and 443 ports are blocked for all servers in China before your ICP filing is completed.


...


To read the full content of this post, go to: [https://launch-in-china.21cloudbox.com/solutions/5-steps-to-make-your-site-live-in-china.html](https://launch-in-china.21cloudbox.com/solutions/5-steps-to-make-your-site-live-in-china.html)

<p>&nbsp;</p>
<p>&nbsp;</p>
I-DENT LOCUMS AGENCY IS MANAGED BY REGISTERED GDC PROFESSIONAL
Published: 2021-06-02 15:08:51

I-DENT Locum Agency is managed by [GDC registered dental professionals](https://www.identlocums.com/i-dent-locum-agency-is-managed-by-registered-gdc-professional) who have both clinical experience in NHS, Private and Corporate Dentistry and the acquired knowledge to gauge exactly what staff skills best compliment the needs of our dental colleagues.
Regular Expression for match empty string
Tags: regex
Published: 2021-06-02 15:05:17

วันนี้มีโจทย์ให้ต้อง validate query string ของ API ให้รับแค่ string ที่มี A-Za-z0-9 ที่ต้องมี 3 ตัวอักษร เช่น `"ABC"`, `"A9C"` หรือ empty string `""` เท่านั้น สิ่งที่ช่วยได้นั่นคือ Regular Expression นั่นเอง

สำหรับ RegEx ที่ match `A-Za-z0-9` จำนวน 3 ตัวอักษรนั้นไม่ยาก เขียนได้แบบนี้

```
[A-Za-z0-9]{3}
```

โดยที่ `[]` ใช้กำหนดว่าจะรองรับ character แบบไหนบ้าง และ `{3}` เป็นการกำหนดจำนวนว่าต้องมีขนาด 3 ตัวอักษร

สำหรับ RegEx ที่ match empty string นั้นง่ายกว่าที่คิด เพราะเขียนแค่นี้

```
^$
```

`^` เป็นสัญลักษณ์กำหนดอักษรขึ้นต้น และ `$` กำหนดอักษรสุดท้าย พอเอาสองตัวนี้มาติดกันแล้วไม่มีอักษรอะไรคั่น ก็ทำให้มันรองรับ empty string ได้นั่นเอง

สุดท้าย เราต้องการรองรับทั้งสองแบบนี้อย่างใดอย่างหนึ่ง RegEx นั้นใช้สัญลักษณ์ `|` แทน or เพื่อบอกว่าจะ match pattern ทางซ้ายหรือขวาก็ได้เช่นกัน กลายเป็น RegEx ที่ต้องการมีหน้าตาแบบนี้

```
^$|[A-Za-z0-9]{3}
```

## ขอฝาก Buy Me a Coffee
สำหรับท่านใดที่อ่านแล้วชอบโพสต์ต่างๆของผมที่นี่ ต้องการสนับสนุนค่ากาแฟเล็กๆน้อยๆ สามารถสนับสนุนผมได้ผ่านทาง Buy Me a Coffee คลิ๊กที่รูปด้านล่างนี้ได้เลยครับ

<a href="https://www.buymeacoffee.com/weerasak" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
Laravel 8 Custom Command Example Tutorial

Tags: laravel, programming, php, tutorial
Published: 2021-06-02 15:04:54

Hi Guys,

Now let's optically discern example of how to engender custom command in laravel example. This is a short guide on laravel custom command. Here you will learn how to engender custom command. We will utilize how to engender custom command in laravel. Let's get commenced with how to engender custom command in laravel.

Here i will give you few step instruction to create custom command in laravel 8.
more..

https://codingtracker.blogspot.com/2021/06/laravel-8-custom-command-example.html
The book most of us don't need.
Tags: lgtm, codereview
Published: 2021-06-02 14:46:16

Let's face it, most developers don't need this book for Code Review, we are all experts on #LGTM

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e8jyej7xjwyrk4v9gmw6.jpeg)
( With https://dev.to/rly )
LiveStream - Better code reviews with AppMaps - June 3 @ 1PM EDT
Tags: ruby, python, java, productivity
Published: 2021-06-02 14:21:37

I think the hardest part of code reviews is trying to do two things at once: _Understanding_ how a set of code changes works, and _deciding_ whether there are any improvements that need to be made. 

[AppMap](https://appland.com/docs/) is a tool that shows visual maps of how code really works, so you can focus on the important job - deciding if improvements are needed.

I've done a lot of blogging about this, but now I'm going to try something now (and frankly, a little scary for me!)

If you're interested in this subject, please join me in our very first AppLand Livestream this **Thursday, June 3 at 1 pm EDT**. We’ll be meeting in the [AppMap Discord server](https://discord.com/invite/N9VUap6), using the channel `appland-livestream`. I'll share tips on how to use AppMap, and of course I'll field your comments and questions. 

Hope to see you there! And if you can’t make it this week, don’t worry – next Thursday, June 10 at 1 pm ET the AppLand Livestream will reconvene to chat about using AppMaps for debugging.
Solution for Following Common Errors and Problems in Outlook PST File
Published: 2021-06-02 14:04:38

DataNumen Outlook Repair is the best [outlook corruption](https://www.datanumen.com/outlook-repair) and recovery tool in the world. It can repair the corrupt Outlook PST files and recover all emails, contacts, calendars, appointments, tasks, notes, journals, posts, etc. in them as much as possible, thereby minimizing the loss in file corruption.
How to Get Started with TaskOPad?
Tags: projectmanagementtool
Published: 2021-06-02 14:01:01



TaskOPad is an end-to-end project and task management app. You can stay ahead on the curve with enhanced efficiency and increased productivity using TaskOPad. It is an easy-to-use and feature-rich task management software for startups and SMEs. Let’s understand the key features and a way to create tasks in it. 

We have tutorials that give all necessary information about various features and functionality of this task management app. These tutorials will help you achieve the most with TaskOPad.  Let’s start from scratch and see how you can create an organization, add members, assign roles and services after login in successfully. 

1. Creating Organization and Adding Members
When you log in for the first time, you will see an empty dashboard as there is no data in this login. You can simply go to the profile button and select Organization Management from the drop-down menu. It will take you to the Organization Management tab where you can add your company and its details like address, mobile number, and other basic information. On clicking the ‘Update’ button, the company information is saved in TaskOPad. You can create multiple companies likewise. 

Clicking on the Company tab, the Master Creation page will open where you can manage your role, status, services, team members, and clients. The ‘Add New Service’ button enables you to add a new service with a specific name. In the Services section, TaskOPad has two types- One-time services and Recurring services. 

Original Source: How to Get Started with TaskOPad?
Introduction to Dart
Published: 2021-06-02 13:46:07

Dart is a client-optimized language for developing fast apps on any platform. Its goal is to offer the most productive programming language for multi-platform development.

**Note:** Dart program always start with a main function, and it is necessary to use.

####Example Code:
We are going to print a "Hello World" in dart.
```
void main(){
	print (“Hello world”);
}
```
As like python, "print()" function is use to print data in dart.
Configure Environment Variables in Create React App & Netlify
Tags: react, netlify, tutorial, webdev
Published: 2021-06-02 13:41:23

Environment Variables are essential for the security of your web application. There is a good chance that you are using GitHub to host your project publically. Within that project, if you are using an external API - you are probably using an API key. Now, if you are directly writing that API key in your code - you are sharing it on GitHub. 

Everyone can use it. They can access your sensitive information. They can exhaust your API Key's rate limit which can even cost you money. Environment Variables (env var) help prevent that. 

So what exactly is an env var? To put it simply, it's a variable whose value is set outside the program. And it can be used inside a program through reference. 

There are many ways to create an env var. In this article, we will focus on using it in Create React App and Netlify.

## Using Create React App

In create-react-app, we first need to create a `.env` file in the root folder (not src!) with the variable name starting with `REACT_APP_`

It will look something like this:

``` 
REACT_APP_API_KEY=fjfjsd23u4fjld
``` 

**Note:** There are no spaces between the variable, equality sign and the value.

Now, you can directly access the env var in your app using `process.env.REACT_APP_API_KEY`

Here's a demo: 
{% codesandbox env-var-6ytmj %} 

Now, add `.env` to your `.gitignore` file

And we are done (at least the first part). You can push your code to GitHub and your API key will not be exposed.

## Using Netlify

Now, if you are using Netlify to deploy your app - the API key is not available. Your app will not work as you expect. We need to set the same env var in Netlify as well.

When you deploy your website to Netlify, click on `Show Advanced` and add a new variable.


![ENV_VAR.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1618754623736/9TtU6Tdg3.png)

 If you have already deployed your website, go to  `Site settings > Build & deploy > Environment > Environment variables` and click on `Edit Variables` and add your env var.

And we are finally done. Now, our API key is secure. This is the basic setup, for more use-cases, please refer to:  

- https://create-react-app.dev/docs/adding-custom-environment-variables/

- https://docs.netlify.com/configure-builds/environment-variables/
Future Of Robotics
Tags: ai
Published: 2021-06-02 13:35:49

Artificial intelligence (AI) and robotics have become increasingly hot topics in the press and in academia. Everywhere we see now robots with artificial intelligence. AI is for teaching machines how to think. Or we can say If we set AI to a robot then robot can move or work by their Artificial intelligence.

Artificial intelligence describes the work processes of machines that would require intelligence if performed by humans. The term ‘artificial intelligence’ thus means ‘investigating intelligent problem-solving behaviour and creating intelligent computer systems’. 

Since the 19th century, production robots have been replacing employees because of the advancement in technology. They work more precisely than humans and cost less. Creative solutions like 3D printers and the self learning ability of these production robots will replace human workers.

Robots are made for automation work like which work the same way and continue many to many years. And people are getting tired of doing their job. There robot can help like robots can build their system without any hesitation. Robots never get tired.

in near future, and as a software engineering field, Robotics will be submitted to a selective pressure under which most of its branches and authors
will change. AI programmable robots will lead future use of its intellisense. We already see some of the ‘bot robots’ which are the best uses of AI in robots.

So, I think the next generation of us will totally depend on AI and Robots. And this AI and Robot will help us in automation and our everyday work.
Next Js Super Starter
Tags: typescript, webdev, pwa, template
Published: 2021-06-02 13:34:41

"Build in a weekend, scale to millions"

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

This template is heavily inspired by the above tagline, this is the tagline used by https://supabase.io/

This super template helps you save a lot of time by directly diving into feature development.

This Super template consists of 

- Next JS
- Supabase
- PWA support 
- Chakra UI
- Redux Toolkit


Next JS is the template of choice when the app will scale to the moon, it also has the best SEO in React Applications.

Supabase is an opensource firebase alternative, their tagline says all about them "Build in a weekend, scale to millions"

The super template comes in with inbuilt PWA support out of the box, so you are ready to ship 

It comes in with redux-toolkit for state management.

- Offline mode
- Desktop App
- Mobile Application
- Notifications


You will be receiving all future updates of the template.

It is for free, you can find the template [here](https://gum.co/super-template)

Thanks
Rohith Gilla
How to get exact value of foreignkey in django-import-export
Tags: python, django
Published: 2021-06-02 13:33:57

Hello Devs, In this blog I'm gonna tell you how can you get exact values of Foreignkey-Field in django-import-export

##How to get exact values of Foreignkey-Field in django-import-export
###This value can be achieved by dehydratemethod in django-import-export, I'll show you the code how you can do this.

Create two Models and connect them with foreignkey

```
class author(models.Model):
    auth = models.OneToOneField(User, on_delete=models.CASCADE)
    full_name = models.CharField(max_length=100)

    def __str__(self):
        return self.full_name

class publisher(models.Model):
    auth = models.OneToOneField(User, on_delete=models.CASCADE)
    full_name = models.CharField(max_length=100)

    def __str__(self):
        return self.full_name

class book(models.Model):
    writer = models.ForeignKey(author, on_delete=models.CASCADE)
    publisher = models.ForeignKey(publisher, on_delete=models.CASCADE)
    bookname = models.CharField(max_length=50)
    qty = models.IntegerField()

    def __str__(self):
        return self.bookname
Now, write this code in your admin.py file
from .models import *
from import_export.fields import Field
from import_export import resources


class BookResource(resources.ModelResource):
    writer = Field()
    publisher = Field()

    class Meta:
        model = book
        exclude = ['qty']

    def dehydrate_writer(self, book):
        return '%s by %s' % 
              (book.bookname,book.writer.auth.username)

    def dehydrate_publisher(self, book):
        return '%s by %s' % 
             (book.bookname,book.publisher.auth.username)

class BookAdmin(ExportMixinAdmin):
    resource_class = BookResource


admin.site.register(book, BookAdmin)
```

So, this is how you can get exact values of your foreignkey in your spreadsheet..

```
Github Link:- https://github.com/ShivamRohilllaa/django-import-export
```
Thank You