teleren/devto huggingface dataset:
Import and export declarations are not supported yet (in TS)
Tags: typescript, javascript, eslint
Published: 2021-03-14 22:46:19

## The problem

When trying to use `import` or `export` statements in TypeScript (`*.ts`) files `eslint` complains:

```
Import and export declarations are not supported yet.
eslint(node/no-unsupported-features/es-syntax)
```

## Solution

Add following rule config to your `eslint` settings:

```js
//.eslintrc.js
module.exports = {
  ...
  rules: {
    "node/no-unsupported-features/es-syntax": [
      "error",
      { ignores: ["modules"] },
    ],
  },
  ...
}
```

## Notes

My full `eslint` configuration for reference:

```js
//.eslintrc.js
module.exports = {
  root: true,
  parser: "@typescript-eslint/parser",
  parserOptions: {
    ecmaVersion: 2018,
    sourceType: "module",
  },
  plugins: ["node", "unicorn", "prettier", "@typescript-eslint"],
  extends: [
    "eslint:recommended",
    "plugin:node/recommended",
    "plugin:unicorn/recommended",
    "plugin:prettier/recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier",
  ],
  env: {
    node: true,
  },
  rules: {
    "no-console": "error",
    "unicorn/no-array-reduce": "off",
    "prettier/prettier": "error",
    "@typescript-eslint/no-var-requires": "off",
    "node/no-unsupported-features/es-syntax": [
      "error",
      { ignores: ["modules"] },
    ],
  },
  settings: {
    node: {
      tryExtensions: [".js", ".json", ".node", ".ts"],
    },
  },
};
```

This only works when I have following settings in `package.json`:

```json
//package.json
{ 
  ...
  "type": "commonjs",
  ...
}
```

## References
- [StackOverflow post](https://stackoverflow.com/questions/61024198/eslint-conflicts-with-eslint-plugin-import-and-typescript-eslint)
- [GitHub issue](https://github.com/mysticatea/eslint-plugin-node/issues/205#issuecomment-590753223)

-----

Photo by <a href="https://unsplash.com/@brett_jordan?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Brett Jordan</a> on <a href="/s/photos/error?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Best CRM Systems By Price
Tags: crm, crmsoftware, saas
Published: 2021-03-14 22:45:59

If you are looking for a CRM system, you've come to the right place. I am going to list the best CRM systems on the market, and will list them by price. We all know the expensive systems out there, like Salesforce, but what about the hidden gems? The systems that do all the same things, have all the same features, but are priced at a fraction of the cost.

If you're unsure what CRM does, checkout this article [What is CRM?](https://www.snapforce.com/what-is-crm/)

## Snapforce CRM
![Snapforce CRM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2np7lynwfti2nwdab4i.png)

Snapforce is a great inexpensive CRM tool. The price is only $12 per user, and guess what else? They charge monthly! Unlike so many other CRM's out there today that have low prices but force you to pay annually.

Snapforce CRM is a hidden gem that is worth a look. They also offer an "a la carte" pricing model, where you only pay for the features you need. If only one of your employees needs to use email campaigns, then you only pay for email campaigns for one user instead of being forced to jump to the next edition.

## Pipedrive CRM
![Snapforce CRM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4ehodena1mxdjxtkvs2y.png)

Pipedrive is another great CRM, it is easy to use and get started with. It costs $12.50 per user, but forces you to pay annually. It no longer accepts monthly billing. This like many CRM systems in today's market forces a large cash outlay to get started. The reason for this is simple they hope you will feel it is not worth switching to a new system if you already made such a large investment.

Keep in mind that Pipedrive is a sales based CRM, it does not offer customer support functionality, like case management, solutions, or help desk features.

## Nutshell CRM
![Nutshell CRM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jzyt9db86v0d1bflwcjz.png)

Nutshell is a solid CRM that is reasonably priced, it starts at $22 per user. Nutshell does offer both monthly and annual billing. If you choose to pay annually they lower the cost to $19 per user per month, instead of $22.

If you are familiar with CRM systems and are comfortable with the default CRM workflow (Leads convert to Accounts and Opportunities link to the Accounts), you will be confused when using Nutshell. They do not have Opportunities nor Accounts, everything in Nutshell is a Lead.

## Conclusion
These three CRM systems are in my opinion the hidden gems of the industry, they are priced fairly, and are easy to use. I would however recommend [Snapforce CRM](https://www.snapforce.com/), the reason is because they charge monthly and have the lowest prices of the three.
Learning C#
Tags: codenewbie, codereview, csharp, beginners
Published: 2021-03-14 22:30:58

**Update**
If you're following this series, be sure to check out my other series [Advent of Code 2023](https://dev.to/gweaths/advent-of-code-2023-c-40f4) where I put a lot of these skills and mechanics into practice, along with some others. You can see solutions to problems along with some explanation of the how and why. 

### What is C# (C-Sharp)


C# is a programming language. That means it's a language used for programming/coding. You're here I imagine as you've taken an interest in learning code, and how to develop something in C# but don't fully understand. 

### What will these series cover?

* Coding Basics -
      * Variables & Types
      * Classes
      * What is the .Net Framework
* Creating your first console application
* Mathmatical Operators
* Conditional code
* Loops

* And much much more as I continue to add more content
How to Deploy JavaScript/React Apps to Netlify through CLI(Part 2)
Tags: netlify, react, beginners, javascript
Published: 2021-03-14 22:22:29

Hello Dev Friends.This is the Part 2 of [How to deploy React Apps to Netlify](https://dev.to/kritika27/how-to-deploy-react-apps-to-netlify-1o2l) as here I am going to explain you how to deploy your App to Netlify through CLI.

So let us get started by opening the VS Code.
Follow the below steps once your project is ready to deploy.

1.Make sure you are in your current project's folder.Install netlify globally if you are doing it for the first time.
```
npm install -g netlify-cli
```

2.Now run the below command in terminal,
```
netlify init
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3hz8pvx04z24xjgvqwze.JPG)

It will ask you to login to Netlify and to authorise for the first time in your browser.

Now press enter in terminal and give other details and site name which is optional.

Here you can choose "Yes,create deploy site for manually." if you want to do without github or you can choose github option.
Once the deployment is done,we will get the below screen.

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

3.Now run the below command for deployment,
```
 netlify deploy
```

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

Now you can select current path by pressing enter or you may give your own path.(as shown above)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q3x3y9kxrtn2fdwn5st2.JPG)

4.Now finally execute the below command, 
```
netlify deploy --prod
```
and choose current path.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hrkpdnyzz9xq6yjof18v.JPG)
Once the process is completed, you can open the generated link and see your project live.(as shown above)

For example,
This is our project which I have used just for explaining this process.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3uv3aclhnbhns04xknyt.JPG)
[Demo Link](https://compassionate-mcclintock-aa8742.netlify.app/)

Let me know what you create.
Happy Learning :)

You can follow me on [Twitter](https://twitter.com/kritikasri27) and [Github](https://github.com/kritika27).
100 Bytes Of Wisdom: Day 25
Tags: career, journey, advice
Published: 2021-03-14 22:06:23

---
title: 100 Bytes Of Wisdom: Day 25
published: true
description: Bytes of Wisdom is a project by Sam Jarman that brings together snippets of advice for software engineers
tags: career, journey, advice
//cover_image: https://direct_url_to_image.jpg
series: Bytes of Wisdom
---

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


I find that when I'm working on a particularly tricky bit of code, my first instinct is to leave a comment explaining what it is and what it does. I stop my self and then ask myself, cool. I figured out the hard bit of code to write. But the problem is only half solved. Huh? Yup, the next problem to solve is to make sure the next developer (or future me) can understand what I've done. Comments are one way to achieve this, but ultimately, your code should do the talking - and it should talk very clearly.  So write the code again, this time with readability in mind. And for a third time, if you have to.

Heads up: As with any terse bit of advice, there will be exceptions of course, and subtleties and nuance that can't possibly be captured in a Byte of Wisdom. This has been what I've experienced, I'd love to hear yours in the comments too!

You can catch up with all the other bytes at http://bytesofwisdom.com/
MongoDB Setup With Docker
Tags: docker, mongodb
Published: 2021-03-14 21:52:47

I'm not in the habit of writing my findings or steps when solving a problem. I am now making myself documenting as much as I can even though the solution is simple. I'm doing it since I have found myself searching the internet for things I worked on before but are not day-to-day tasks. I'm hoping on documenting things often enough that I can find them myself and potentially someone else can benefit from it.

If you are like me, you don't like to install apps/tools on your machine just to try out an idea. Also, the truth goes when you are developing. You might want to keep your dev and prod environments the same throughout the SDLCs for avoiding bugs and/or problems. What we are actually trying to avoid is the famous phrase "It works in my computer...". Thank you, Docker, that you help us to avoid precisely that.

Let us enable MongoDB in our machine with Docker.

- `mkdir ~/docker-data && mkdir ~/docker-data/mongodb`
- `docker run --name mongodb -v ~/docker-data/mongodb:/data/db -p 27017:27017 -d mongo`

The first command creates a directory for mounting a volume where your data can be persisted, when you resume development the next day your data would be there. You can choose a different location though. The second command creates/downloads your image, exposes a port, mounts the volume, and starts the container.

- `docker ps` to see running containers
- `docker ps --all` to see all containers
- `docker stop mongodb` to stop the mongodb container
- `docker start mongodb` to start the mongodb container
How secure do I need to connect a website to a database?
Tags: security, help, devops, webdev
Published: 2021-03-14 21:35:21

Things like

- IP whitelisting / blacklisting
- [The Twelve Factor App](https://12factor.net/)

But Heroku or Google App Engine has multiple rotating IP addresses. If so, is it even safe, if possible, to register or **fix a static IP address**, so that IP whitelisting works properly?
Sobre Mi
Tags: codenewbie, motivation
Published: 2021-03-14 21:24:27

Hola! Soy Liz (_o Lizeth y todos me conocen como Miss Alpaca_).
Vivo en la frontera de México con USA y trabajo como diseñadora web y gráfica

Conocí el desarrollo web (hacer paginas) cuando tenia 16 años y empecé a editar plantillas para blogs sobre anime y manga. Estudie ingeniería en sistemas y ahí empecé a trabajar más mi lógica pero nunca profundice como tal. Aprendí el uso de wordpress y de programas de diseño (PS/Illustrator) y aprendí a maquetar en Illustrator (No, no uso Adobe XD ni Sketch) y pasar a código usando frameworks (boostrap/materialice) y editores de texto como sublime text.

Actualmente trabajo en la rama creativa, aunque la razón por la que regrese fue porque estoy aprendiendo a redactar código para email marketing, pero mi meta este año es regresar de nuevo al código y narrar mis experiencias en como ahora si "programo de verdad" 🤣. Bueno, espero empezar como frontend.

**Metas este 2021**
* Aprender Ingles
Realmente me quiero enrolar más en la comunidad en dos idiomas. Esta también pensado meterme al japonés pero hablaremos de eso después.

* Mejorar mis skills en HTML/CSS
Cuando empecé a hacer mi código para email sentí que estaba muy oxidada después de un tiempo y necesito mejorar mucho al respecto.

* Aprender más tecnologías para empezar a trabajar como frontend como tal.

* Mejorar mis habilidades en fotografía y video de producto
Esto es por parte del trabajo realmente. Trabajar como creativa también es enrolarse en aprender cosas que vas a necesitar en tu trabajo.

* Desarrollar un videojuego
Minimo aunque sea escribirlo. He vivido con la espinita pero aun no sale algo complejo.

* Dibujar mi primer comic
Esto si esta en proceso, dibujar tambien es una de mis pasiones.

Y bueno, esto es algo sobre mi! Espero seguir compartiendo más de mis aprendizajes en este lugar. ¡Gracias por leer!
kubectl export YAML | Get YAML for deployed kubernetes resources(service, deployment,  PV,  PVC....)
Tags: docker, kubernetes, devops, aws
Published: 2021-03-14 21:23:21

{% youtube Wc9T4tdcsr0 %}


In this lab session on "How to export the YAML using kubectl?" we will focus on -

1. Individual yaml -
  kubectl get service SERVICE_NAME
  kubectl get deployment DEPLOYMENT_NAME
2. All deployed resources -
  Kubectl get deploy --all-namespaces
3. Automated Bash Script to generate YAMLs for everything running inside kubernetes cluster
How to use "helm --debug --dry-run" command to validate and verify kubernetes resources
Tags: devops, kubernetes, docker, aws
Published: 2021-03-14 21:21:49

{% youtube gb5nYiWAIUs%}

"helm install --debug --dry-run" command is very useful when you want to validate and verify your Kubernetes resources by contacting to Kubernetes API server. On successful completion of "helm install --debug --dry-run" it will show you the YAMLs of the Kubernetes resources which you are planning to deploy

Here are the main key areas which we will target in this session on "How to use helm install --debug --dry-run?"

1. How does helm debug dry run command verify and validate the k8s resource?
2. Benefits of using helm debug dry run command?
3. How it is different from helm template command?
4. How to run the command inside your kubernetes cluster?
Helm template | How to use "helm template" command for your helm chart
Tags: kubernetes, devops, docker, aws
Published: 2021-03-14 21:20:03

{% youtube VW1JCmBr8H0%}

Helm template command is one the useful command which can be used to verify your Helm Chart before deploying them into the Kubernetes cluster.

Helm Template command helps you to render the chart template locally and display the complete rendered template. It is really useful when you are working on production grade kubernetes cluster where your template are complex and pretty long in nature. 

Here are the main key areas which we will target in the "Helm Template" session

1. What is helm template command
2. How to use the helm template command?
3. How to render template using helm template?
Helm Lint | How to use Helm Lint command
Tags: devops, kubernetes, docker
Published: 2021-03-14 21:15:34

{% youtube ZZVXXEyEzAs%}

In this session on "Helm Lint" we are going to see

1. How to use Helm Lint command
2. How to test and verify your Helm chart using Helm Lint
3. Understanding the Helm Lint error.
What VS Code extensions am I using?
Tags: vscode, extensions, texteditors, webdeveloper
Published: 2021-03-14 20:48:54

---
title: What VS Code extensions am I using?
published: true
description: All the VS Code extensions I can't live without
tags: VSCode, extensions, texteditors, webdeveloper
cover_image: https://images.unsplash.com/photo-1517373116369-9bdb8cdc9f62?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=2100&q=80
---

I like to keep VS Code lightweight as much as possible, therefore I don't have that many extensions - only the ones that are really cannot live without.

The more extensions you have, the more memory it will consume, the more time to boot up vs code.

I should also add that my main editor is not visual studio code but *Webstorm*. I mainly use VS Code for small edits on some JSON or small JavaScript files. Sometimes I may also use VS Code for starting up small side projects, when I want to try something new or some ideas from a blog post I just read.

I love VS Code and I like to keep it ready for hacking. 😊

1. [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - This one integrates ESLint into VS Code.
2. [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) - Adds support for `.editorconfig` files.
3. [EditorConfigGenerator](https://marketplace.visualstudio.com/items?itemName=nepaul.editorconfiggenerator) - I am lazy enough I can't open a new tab and search for a good default `.editorconfig` so I use this extension to generate the defaults for me.
4. [markdownlint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint) - As I'm usually editting a lot of `.md` files, this extension informs me about lint errors.
5. [npm](https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script) - Adds some nice npm scripts options to the command pallete.
6. [npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) - Adds intellisense on import statements.
7. [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - I really like prettier defaults.
8. [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) - Vue tools for VS Code. Most of the time I'm working with Vue, this extension adds a lot of useful snippets as well as syntax highlighting.
9. [GitLens - Git supercharged](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) - Helps to visualize code changes.

And that's it! This is the minimum I need to make VS Code work just as I want for my needs. I used to have a lot more, I even lost track of them, until VS became so slow, I had to revise all of them, removing all the non essential ones.

What are the VS Code extensions you can't live without?

Thanks for reading 👋

*Photo by <a href="https://unsplash.com/@barkiple?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">John Barkiple</a> on <a href="/s/photos/cables?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>*
Leaning pandas. Data manipulation and visualization. (COVID-19 in — Scotland statistics)
Tags: pandasdataframe, covid19, pandas, python
Published: 2022-02-08 17:23:47

---
title: Leaning pandas. Data manipulation and visualization. (COVID-19 in — Scotland statistics)
published: true
date: 2021-03-14 20:26:16 UTC
tags: pandasdataframe,covid19,pandas,pythonprogramming
canonical_url: 
---

[![](https://cdn-images-1.medium.com/max/625/0*DXxNHGVWmUsW8Vmr.jpg)](https://vallka.medium.com/leaning-pandas-data-manipulation-and-visualization-covid-19-in-scotland-statistics-c3bf2dbbf199?source=rss-b12a2c268778------2)

Let’s do a little bit of pandas. Pandas is (or are? :) extremely popular. Let’s just dive in.

[Continue reading on Medium »](https://vallka.medium.com/leaning-pandas-data-manipulation-and-visualization-covid-19-in-scotland-statistics-c3bf2dbbf199?source=rss-b12a2c268778------2)
Creating associations with JPA Buddy
Tags: jpa, hibernate, intellij, java
Published: 2021-03-14 20:25:48

Have a look at how easy you can create and modify associations with [JPA Buddy](https://www.jpa-buddy.com/)!

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3ow4i1lxlnznfsegxoe5.gif)
freeCodeCamp Project Done #3: A Product Landing Page
Tags: showdev, html, css, webdev
Published: 2021-03-14 19:56:58

Hello!I just finished my third project on the freeCodeCamp Responsive Web Design course (HTML and CSS only) and I am ready to share my work!
I worked on Landing a landing page for a winery
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aeeodng3p22oh77zwnu7.png)

<a href='https://codepen.io/babi-b/full/zYoygoP' target='_blank'>CodePen Link</a>
<h1>Feedback On The Work done</h1>
<p>Unlike the last two projects, the <a href='https://dev.to/babib/a-freecodecamp-challenge-done-breaking-out-of-the-learning-phase-175l' target='_blank'> Tribute Page<a/> and the <a href='https://dev.to/babib/freecodecamp-project-done-2-a-survey-form-16fj' target='_blank'> Surver Form,</a> this project took time.</p>
<ol>
<li>Deciding on what product to work on 😅. I know this might sound trivial but it's not. The list was endless!</li>
<li>The color theme. It's one thing to choose a background image, it's another thing to choose complementary colors to match it</li>
<li>The overall layout of the page. I had to think and re-think this one several times😅</li>
</ol>
One important concept I learned from this project was the use of the CSS <code>display:flex</code>. I found this property is very important especially when making the web page responsive. It eases the work in a superb way 😁.

Your contributions from the last projects greatly helped me here in deciding what to do and what not to do. Thanks a lot!🤗

As always I will greatly appreciate your suggestions, impressions and <i>contructive</i> criticism. I am happy and ready to learn 🤓.

                                                💞 Babi