teleren/devto huggingface dataset:
the calendar chronicles: react
Tags: glitch, react, javascript, showdev
Published: 2020-01-21 15:22:56

---
title: the calendar chronicles: react
published: true
description: showing off a calendar build with react js on glitch
tags: glitch, react, javascript
cover_image: https://thepracticaldev.s3.amazonaws.com/i/h2saliwj47xzecx99jqd.jpg
---
# i made a calendar using react

hey pals, long time no see! i wanted to share [this little calendar app](https://erratic-snakes.glitch.me/) i made awhile ago. i have a love/hate relationship with calendars because they are wildly complex but so common that they are simple at the same time. 

it's been awhile *(staind, 2001)* since i made a [react app](https://reactjs.org/) from scratch and i wanted to try it using [create-react-app](https://glitch.com/edit/#!/create-react-app-sample) and hooks. so here you are, my lil react calendar:

 {% glitch erratic-snakes app %} 

you can remix this [on glitch](https://glitch.com/~erratic-snakes) if you need a calendar in your own react app. i'll be making more calendars using different javascript frameworks on glitch and posting about them here. 

btw you can still read my non-code tech posts on my [jenngineering blog](https://jenngineering.glitch.me/), but i'm excited to be publishing more Siiick Code Content™ here again soon.
Daily Challenge #167 - Return String As Sorted Blocks
Tags: challenge
Published: 2020-01-21 15:04:23

---
title: Daily Challenge #167 - Return String As Sorted Blocks
published: true
series: Daily Challenge
description: Your task is to return this string as blocks separated by dashes ("-")
tags: challenge
---
##Task

You will receive a string consisting of lowercase letters, uppercase letters, and digits as input. Your task is to return this string as blocks separated by dashes ("-"). The elements of a block should be sorted with respect to the hierarchy listed below, and each block cannot contain multiple instances of the same character.

*The hierarchy is*:

- lowercase letters (a - z), in alphabetic order
- uppercase letters (A - Z), in alphabetic order
- digits (0 - 9), in ascending order

*Examples*

- `"21AxBz" -> "xzAB12"` - since input does not contain repeating characters, you only need 1 block

- `"abacad" -> "abcd-a-a"` - character "a" repeats 3 times, thus 3 blocks are needed

- `"" -> ""` - an empty input should result in an empty output


***
_This [challenge](https://www.codewars.com/kata/5e0f6a3a2964c800238ca87d) comes from airatmulk on CodeWars. Thank you to [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_
Choosing a Dependable Online Marketing Company for Your Industry
Tags: onestopseo, backlinkanalysis, googlesearchupdate
Published: 2020-01-21 14:58:52

Choosing a Dependable Online Marketing Company for Your Industry

Choosing a Dependable Online Marketing Company for Your Industry and Convert Your Business to Get More Customers with OneStop Digital Agency.
When you claim a site, may it be a little or enormous business on the web, achievement is unquestionably your main point. It is additionally imperative to increase online perceivability in web indexes to wind up fruitful. So as to do this, contracting a dependable internet advertising organization is certainly an incredible decision. The organization can enable you to enhance your own site for the web crawlers. This sort of organization can guide and help you in maintaining your own business on the web. The aptitude and abilities that these organizations have can enable you to make online progress utilizing SEO which you need and need for your business.
Why Opt For Online Marketing?
Web advertising is essential for each site. An expert looking site which offers items and administrations is viewed as pointless when web clients are not ready to think that it’s on the web. This is the place a promoting proficient comes into the situation. Your site will probably accomplish perceivability utilizing the methods and techniques that a showcasing organization can do.
Picking a Reliable Online Marketing Company
For you to almost certainly locate the best organization that will offer you a dependable administration there are things that you have to consider before settling on an ultimate conclusion:
1. Organization Portfolio
Something that will manage you in picking the best organization is its rundown of fulfilled customers. An organization must most likely demonstrate to you their past customers who were content with their administrations. With this, you have enough true serenity and certainty that your business is in great hands. Client surveys and referrals will enable you to choose about whether a specific organization is dependable or not.
2. Organization Credibility and Expertise
While picking an advertising organization, you have to know the quantity of years that a specific organization has as far as giving their administrations on the web. An organization’s believability can be viewed as a vital factor when settling on a choice.
3. Promoting Strategies and Ethics
In choosing a web based promoting organization, you have to realize what procedures or strategies a specific organization utilizes. An organization may utilize cost per click (CPC), pay per click (PPC), free postings, and other viable and genuine procedures conceivable. On the off chance that you feel that the strategies utilized by a specific organization are nasty, at that point you should keep away from such organization.
Online marketing company has different aspects to benefit a company. It deals with analysts to strategists, developers to designers. There are lots of roles for the online marketing to play so that the growth of any business or organization is assured.
What is Flutter?
Tags: flutter, beginners
Published: 2020-01-21 14:57:12

This weekend I decided to take the dive and build a mobile app. I always assumed that I would use React Native because I use React at work and it would be an easier transition. 

However, I have also been curious about trying something different and something with the ability to work on ios, android, and web. 

So I decided to build this app using Flutter over the weekend. The app is a simple future value calculator that determines what the value of an asset will be in the future. 

<h1>What is Flutter?</h1>
Flutter is an open-source UI toolkit that can be used for mobile, web or desktop and is created from a single codebase. So you write your code once and it will run on ios, android, and desktop. 


<h2>Dart Programming Language</h2>
Flutter uses the Dart programming language because it can be used to develop on different platforms (ios, android, web). It also has a fast development cycle by making use of hot reload. Any changes you make to your flutter application are automatically reflected in UI instantly. 

Dart will be familiar to you if you have used JavaScript, Swift or Java. 

Variables do not have to have their datatypes explicitly stated. However, when you create a function the parameters should have their datatypes specified. 

Let's look at some sample dart code. 

```dart 
//function
void main() {
 print("Hello World");
}

```
Every app has a main() function and it has the keyword void to indicate that it isn't returning anything.

Let's look at how we would declare a function. 

```dart
int addNum(int x, int y)
 return x + y;
}
```

Those were a few features of Dart. Head to the <a href="https://www.dart.dev">Dart</a> to learn more about dart. 

Here is a link to the Flutter App I built this weekend. {% github https://github.com/AweysAhmed/flutter-app %} I still have some refactoring to conduct but the UI and the ability to calculate the future value are complete. Let me know if you have any questions or suggestions for the app. 

I'll post about Flutter after I refactor and start the process of launching the app.
I have two accounts by accident
Tags: help
Published: 2020-01-21 14:53:14

---
title: I have two accounts by accident
published: true
tags: help
---

Somehow I have two accounts.  One with my twitter login and one with my github.  Is there any easy way to combine them and get rid of one or should I just leave one hanging and choose the other and focus on it?  Thanks for any input.
Database Migration Plan
Tags: database, migration, mysql
Published: 2020-01-21 14:52:01

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/q12tagrgiygxp7lon483.png)
When I was a DBA in Samsung Pay, I sketched a simple database migration plan above. We wanted to move the existing data center to another. At the early phase, we didn't use a cloud infrastructure because most of us thought the cloud was not stable at that time. So the above plan would be now kind of a old-fashioned one.
I cloned and isolated the test group from the production which made the production group is not affected by the test. Then I used the filename and offset to catch up the production binary logs as the last step.
Error versioning in NetCore
Tags: errors, key, netcore, version
Published: 2020-01-21 14:38:45

good morning

I have my API and I want to make two versions of it, reading this excellent post (https://dev.to/htissink/versioning-asp-net-core-apis-with-swashbuckle-making-space-potatoes-vxxx-3po7) .
I follow every step to the letter, and I have the error I attached ...

*** ArgumentException: An item with the same key has already been added. Key: v1
 c.SwaggerDoc("v1", new Info { Title = "API 1 HILP", Version = "v1" }); ***



            services.AddSwaggerGen(c =>
            {
                c.SwaggerDoc("v1", new Info { Title = "API 1 HILP", Version = "v1" });
                c.SwaggerDoc("v2", new Info { Title = "API 2 *PRUEBA* HILP", Version = "v2" });
               // c.ExampleFilters();
                

                // Set the comments path for the Swagger JSON and UI.
                var xmlFile = $"{Assembly.GetExecutingAssembly().GetName().Name}.xml";
                var xmlPath = Path.Combine(AppContext.BaseDirectory, xmlFile);
                c.IncludeXmlComments(xmlPath);
                c.CustomSchemaIds(x => x.FullName);
            });



From what I understand, I am using the same Key twice but I cannot find this error.

I appreciate every contribution and help!

Regards!!
Laravel Macros | Learn How to Extend Laravel Core Class
Tags: laravel, macro
Published: 2020-01-21 14:34:31

Hey artisan, in this tutorial we are going to learn about laravel macros. Macro is the powerful feature of the laravel framework. Macros allow you to add on custom functionality to internal Laravel components. This laravel macro also work with laravel 5.8 , 5.7 and 5.6 .

https://www.codechief.org/article/laravel-macros-learn-how-to-extend-laravel-core-class
memo: Xcode 11 の Swift Package Manager でインストールしたライブラリの削除方法
Tags: xcode11, swiftpackagemanager
Published: 2020-01-21 14:20:28

---
title: memo: Xcode 11 の Swift Package Manager でインストールしたライブラリの削除方法
published: true
description: 
tags: xcode11, swift package manager
cover_image: https://thepracticaldev.s3.amazonaws.com/i/4lw421xsdl4i58a88s3y.png
---

```
macOS Mojave 10.14
Xcode 11.3
```

Project Navigator のコンテキストメニューの `Delete` では削除できないのでプロジェクトから取り除く方法を調べた

![dialog menu does not work](https://thepracticaldev.s3.amazonaws.com/i/4lw421xsdl4i58a88s3y.png)

## TL;DR

Project の設定画面に Swift Packages タブがある

## How to Remove

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/vqix8tgqs0egiihnqqsh.png)

1. プロジェクトを選択
1. Swift Packages タブを選択
1. 対象のパッケージを選択
1. `-` ボタンで削除

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/pbhkbm2pqe79tqk2ws57.png)

確認ダイアログが表示されるので Remove を選択すると削除が完了する。
Matt's Tidbits #52 - Formatting etiquette
Tags: mattstidbits, android, androidstudio, tidbittuesday
Published: 2020-01-21 14:19:16

[Last time I wrote about a neat way to get stack traces using Android Studio’s debugger.](https://medium.com/@matthew.b.groves/matts-tidbits-51-easy-stack-traces-5f4123958d25) This week I want to share a few thoughts and tools to help with formatting code.

This past week I was discussing code style with some of my coworkers, and one of them brought up a really good point — it makes it really difficult to review a PR if there are a bunch of formatting changes mixed in with functionality changes.

Therefore, it’s generally best practice to put large-scale formatting changes into a separate commit (or even a separate PR) from behavior changes.

I have long known about the format (⌘+⌥+L) and optimize imports (^+⌥+O) shortcuts in Android Studio, but I had only ever used them on an individual file. However, if you select the top level of your project and press the corresponding keyboard shortcut (or right click and select “Reformat code” or “optimize imports” from the contextual menu), you can in fact apply this to an entire project (or any directory of your choosing)!

In my opinion, there’s never a bad time to optimize imports (unless you’re doing an Android X migration — then the number of things being reordered might get a little messy). However, if you’re getting started with formatting, you should really make a separate PR for formatting the whole codebase. Then, once you’ve done that, either embed the code style into the project, or make sure that every member of your team is using the same style settings so everything stays consistent. There are few things more frustrating than watching formatting changes ping-pong around a team who don’t have unified settings (or the debates that might ensue over what proper formatting style is — but that’s a topic for another post).

You can even check the box in the “Commit Changes” window so it will Reformat or optimize imports for any future commits! There are also other ways to achieve this through hooks in your CI system using ktlint or other similar tools.

Hopefully this new knowledge helps you as much as it has helped me! How does your team handle ensuring consistent code formatting? Let me know in the comments below! And, please follow me on Medium if you’re interested in being notified of future tidbits.

Interested in joining the awesome team here at Intrepid? [We’re hiring!](https://www.intrepid.io/careers)

*This tidbit was discovered on January 14, 2020.*
Data Types In JavaScript
Tags: javascript, datatypes, beginners
Published: 2020-01-21 14:17:37

---
title: Data Types In JavaScript
published: true
description: 
tags: JavaScript, Datatypes, beginners
---

In JavaScript, there are seven data types. Six data types are primitive and one is non primitive.

PRIMITIVE DATA TYPES

1. Number: This can be integers, decimal or floating point numbers.There are also special numbers namely; Infinity and NaN. Infinity is gotten by division with zero and NaN is as a result of incorrect mathematical operation.

2. Strings: They represent textual data. Strings can be a single character or combination of different characters. Single quotes, double quotes begin and end strings e.g 'sugarcrush' or "sugarcrush".

3. Boolean: Boolean values can either be True or False. A truthy value simply means yes and a falsy value means no.

4. Null: When a null value is assigned to a variable in JavaScript, this denotes that the value is not in existence.

5. Undefined: When a value of undefined is assigned to a variable, this denotes that a value has not been assigned to it. We can also define an undefined value by just declaring a variable without assigning it to any value or explicitly giving it a value of undefined.

6. Symbol: Symbols are unique identifiers in JavaScript.symbol is created using Symbol() and every value created using this is unique.


NON-PRIMTIVE

Objects are the only non primitive data types in JavaScript. They are used to store key-value pairs collection of items. Objects store complex entities. It can store all the data types discussed above.

Stay tuned for more tutorials...
JetBrains Mono - font for developers by developers
Tags: webdev, showdev, beginners, productivity
Published: 2020-01-21 14:12:00

---
title: JetBrains Mono - font for developers by developers
published: true
description: Jetbrains Mono is a hot new typeface for developers you really need to check out!
tags: webdev,showdev,beginners,productivity
canonical_url: https://blog.graphqleditor.com/jetbrains-mono/
cover_image: https://thepracticaldev.s3.amazonaws.com/i/15v2znufb679qehhghdv.png
---

JetBrains is a company well-know for all developers. They have an impressive portfolio of dev tools among which the most popular ones are definitely IntelliJ (Java IDE) & Kotlin programming language.

JetBrains doesn't slow down in 2020 and they have just published their new product which is ... a font!
But not any font, its a font created by developers for developers and I must say ... **IT'S AWESOME!**

![Mono Font by JetBrains](https://thepracticaldev.s3.amazonaws.com/i/tkhwqkituesf64d5pzej.png)
##### Source: [jetbrains.com](https://www.jetbrains.com/lp/mono/)

## Increased readability

Why this font is so special? **It's simple.**

**JetBrains Mono**’s typeface forms are free from unnecessary details which makes them easier to process for our brains. A number of specific typographic procedures have been performed **to increase the readability** such as:

- increasing the height of lowercase letters,
- easier distinguishing similar characters ( e.g. 1, l, I or semicolon with a colon).

Besides a couple of readability improvements the font also provides:
- 138 code-specific ligatures
- support 143 language
- is available in 4 weights with matching italics
- is **FREE & OPEN SOURCE!**

Take a look!

![JetBrains Mono vs Consolas](https://thepracticaldev.s3.amazonaws.com/i/fwxfwff5bl8rtlwzv49d.gif)


If you love the concept of **JetBrains Mono** I have great news! 
It's available under the Apache 2.0 license and can be [downloaded from the JetBrains website](https://www.jetbrains.com/lp/mono/).

---

## Speed up your GraphQL API development

[**GraphQL Editor**](https://graphqleditor.com/) is a supportive tool for both advanced **GraphQL users** as well as those taking their first steps with GraphQL APIs. Our all-in-one development environment for GraphQL will help you build, manage & deploy your **GraphQL API** much faster thanks to dozens of built-in micro features.

[![GraphQL Editor](https://thepracticaldev.s3.amazonaws.com/i/835ac1nun474qfgn1tfi.gif)](https://graphqleditor.com)
Learn automated testing
Tags: beginners, automation, futureyou, testing
Published: 2020-01-22 15:48:06

---
title: Learn automated testing
published: true
date: 2019-04-29 12:01:23 UTC
tags: beginner,automation,future you,testing
canonical_url: https://letterstoanewdeveloper.com/2019/04/29/learn-automated-testing/
---

Dear new developer,

If you want to build good software, learn automated testing. Depending on your platform of choice, you may have good defaults or you may need to investigate options. But I think of a test suite as a “fat suit” for your code. Sure, your code can still “fall down”. But it will hurt much less.

Automated test code is still code, and that means that it has a cost. You need to maintain it (both with infrastructure and developer time). I worked on a project once that had so many tests it felt like when you made a small change to the code, you spent most of the time updating tests. That is not optimal, and those tests could be refactored. You should count on spending some time working on your test suite, but I do feel that things that may be red flags in production code are OK with test code (just because that is supporting infrastructure).

On the project with the many tests, we knew when things broke because of all those tests. And we felt comfortable changing complicated logic knowing that edge cases were handled.

On another project I wrote a lot of tests and any time there was a bug that came in for a particularly complicated piece of code (it dealt with payments), I made sure to write a test for that bug. That’s the biggest win: tests can save you from regressions. It is not very much fun to fix a bug and have it pop back up six months down the line. Writing an automated test will keep that from happening.

Tests are also living documentation, as long as they are run regularly. (Please set up continuous integration!). They will help new developers get up to speed on a project, since the new dev can tweak something and get instant feedback (rather than having to try to find where in the user interface to go.)

It takes a while to understand the right way to test. There are books to read, and examples to follow. My experience is mostly from “on the ground”. I favor unit testing anything that is complicated to understand or may change. I favor integration testing important pieces of your application. I favor knowing what your platform provides and leveraging that. I favor using continuous integration on every branch. But I realize that every situation is different.

A special note about UX. Don’t test UX that isn’t important. And realize that UX is often a piece that breaks and is hard to test. I recommend starting with something easier, on the backend or in pure logic. Functions that do things like split up strings are a great place to start.

The most important thing is to start. If you have a project that doesn’t have any testing, make that investment and do the first test, even if it is trivial (“can I instantiate this object?”). And force yourself to write tests even when you’re slinging a lot of code. It will help future you, I promise.

Sincerely,

Dan
Tips for First Time Blogger?
Tags: help
Published: 2020-01-21 14:04:49

Hello Community,

I just joined [DEV.to](https://dev.to) and am looking for any tips and tricks for posting my first article. If you have any pointers for me, I would be greatly appreciative. 

My aim is to post some examples of projects and tasks I've been doing for my job and hobbies. I plan on starting rather small until I get the hang of it.

Looking forward to hearing 👂 from you all.
Git: Fixing Common mistakes
Tags: git
Published: 2020-01-21 09:40:55

Today, I will share some common mistakes we face while using git and how to tackle them with ease. So let's get started.

Q. Revert changes that are not staged yet.
- you can simply use `git checkout` to revert these changes

Q. correct the commit message
- use `git commit --amend -m "new commit message"`
Note: this will change the commit hash, as commit message is the part of hash. So only use this if you're working alone or your commits are not pulled by other devs

Q. forgot to add a file in your commit
- add the file to staging and run `git commit --amend`, save and exit the commit message file that opens after this command.

Now let's move to something more serious.

Q. If you made commit to master branch by mistake which were meant to be committed on a feature branch.
- To the rescue comes, "git cherry-pick"

steps:
1) Run `git log` and copy the hash which you want to move in feature branch.
2) `git checkout <branch-name>`
3) `git cherry-pick <hash>`
4) `git log`, you will see the new commit

Now to remove that commit from master, use `git reset`

Q. Now say you ran `git reset --hard` and you realize... that code was precious to your heart. The life saver is `git reflog`

steps:
1) run `git reflog`, it will show you the history of activities
2) copy a hash before reset was done
3) run `git checkout <hash>`
4) you will be in detached head state, now make a backup branch
5) `git checkout master`, your master branch is safe, precious code is safe in backup branch :D

Final one,
Let's say, you're in a situation where you want to revert the changes but other devs already pulled you work.

For that you have, "git revert"

`git revert <hash>`

It does not change the commit history, but makes new commits to reverse the changes. You can check using `git diff <previous commit hash> <new commit hash>`, it does the exact opposite in those commits to bring back the code in it's previous state. Then you can push these changes to remote.

I will be back with more. Till then adios!

- mechtech5