teleren/devto huggingface dataset:
Yes, You Should Have Hobbies Outside of Code
Tags: hobbies, creativity
Published: 2019-05-25 21:06:52

---
title: Yes, You Should Have Hobbies Outside of Code
published: true
description: Hobbies give us a break from the real world. Take all you can get.
tags: hobbies, creativity
cover_image: https://thepracticaldev.s3.amazonaws.com/i/8tg3fiv9qyhdbj5lzyoe.jpg
---

I came across an excellent tweet last night by Twitter user [Amycruz](https://twitter.com/AmarachiAmaechi):

{% tweet 1132018328988454912 %}

This is such a great point. I see many devs talking about how hard it is to cope with the insane amount of information online. On the one hand: *it feels a little bit competitive*. Who can learn the newest framework the fastest and build a super cool app and start making money? On the other hand: it's hard to choose which things to learn in what order because you're scared of falling behind.

Let's start by acknowledging we'll never learn everything. First of all, it's impossible. Second of all, it's not necessary. Learn the skills you need for the job you want. Then, you can fill in the gaps as needed. However, all of you learnaholics like myself might be wondering how to fit your extra learning into that mindset. The answer is balance.

You *must* balance learning with other activities. Without balance, you risk burnout, as is the case with most things. So, find some hobbies! I personally enjoy knitting, crocheting, cross-stitching, and reading memoirs. Creative hobbies are very beneficial. You can meet new people who share the same hobby, have interesting things to talk about yourself in job interviews, and clear your mind for a while from stressful things.

Have any non-code hobbies you'd like to share? Drop a comment! :)

---

Did you know I have a newsletter? 📬

If you want to get notified when I publish new blog posts or make major project announcements, head over to [https://ashleemboyer.com/newsletter](https://ashleemboyer.com/newsletter).

---

*[Image](https://unsplash.com/photos/P6-S4QZtAvA) by [Olliss](https://unsplash.com/@fomaolea) on [Unsplash](https://unsplash.com).*
Learning by translation
Tags: beginners, productivity
Published: 2019-05-25 18:27:00

Due to the rate of change a software engineer is faced with, being able to pick up new languages and technologies is crucial. One of the focuses at Makers Academy is being able to feel confident in saying "I can make anything", to me this means being able to feel comfortable working on unfamiliar technologies so that you aren't restricted to working on the same tech stacks throughout your career. 

In week 5 of Makers Academy we discussed the concept of Learning by translation which involves taking a problem that you have previously tackled and trying to solve that problem using an unfamiliar language. 

By focusing on programming concepts and patterns that transfer directly into another language can help to quickly get exposure to a new language.

Once you have an idea of the problem you want to solve, make a note of the concepts that you need to understand in order to solve that problem. For example one of the steps involves writing a for loop:

#### Ruby code

```
for variable in expression do
  some repeatable statement
end

```

```
for i in 0..5
   puts "Number: #{i}"
end

```

#### JavaScript code

```

for (variable; condition; increment) {
  repeatable statement
};

```

```
var i;

for (i = 0; i < 5; i++) {
 console.log("Number: " + i);
}

```

[FizzBuzz](https://www.hackerrank.com/challenges/fizzbuzz/problem) is a good starter challenge to become familiar with a new language as it is a simple problem that uses core programming concepts such as loops and can be used to learn a new testing framework.

Although this is a useful approach to get a quick overview of some of the common functionality of a language that you know you'll need but it won't necessarily help you in the conventions of the language e.g Ruby convention suggests naming variables in snake_case for methods and variables but JavaScript convention prefers camelCase.
Fun Dart Tips
Tags: dart, dartlang, flutter, tip
Published: 2019-05-25 18:08:37

---
title: Fun Dart Tips
published: true
description: Little tips and tricks that I find can be useful in a jam.
tags: dart, dartlang, flutter, tip
---

**Abbreviate variable declarations:**
The following is a valid dart way of declaring multiple variables in the same statement:
 ```dart
String managers = "Managers",
      teachers = "Teachers",
      families = "Families";
```
**Run an anonymous function in places where you can only use a oneliner. For example, a parameter inside a constructor:**
```dart
var status = "Arriving";
var greeting = (){
   switch(a) {
     case "Arriving":
       return "Hi!";
     case "Leaving":
       return "Bye!";
     case "Staying":
       return "Make yourself at home!";
     default:
       return "hmmmm";
    }
}() // <-- note. You have to include this ending parenthesis 
//or the function will never evaluate. You're calling the function here. 
//Just like any other function, you have to include the parenthesis in order to run it.
```

 Assigning a value to a variable returns that value. 
 So you can return assignments and it will print the assigned value.
  ```dart
List a = [1, 0, 0];
print((a[1] = 2)); // prints 2
```
The following also works.
```dart
String b;
print(b = "This is what I'm assigning to 'b'"); 
// prints "This is what I'm assigning to 'b'
```
When you print(a..[2] = 3),
It assigns the value and also returns the entire list. This allows for you   to return a list while modifying it... 
```dart
print((a..[2] = 3)); // prints [1, 2, 3]

List c = a..[0] = 9999999;
print(c); // prints [9999999, 2, 3]
```




These are just a few that I have right now. I'll add more as I come up with them!
Confession Time
Tags: beginners, development, fake, career
Published: 2019-05-25 18:05:35

---
title: Confession Time
published: true
description: "This week we're pulling back the curtain again - will there be a twist ending? Or a fake developer?"
tags: beginners, development, fake, career
cover_image: https://img.itch.zone/aW1hZ2UvMTYxNTA2Lzc0Mjc4NC5wbmc=/original/j1VowE.png
---

## So The Thing Is

I have a confession to make. This will just be between us, right? It turns out that I'm a fake developer! Strangely I was thinking about this topic right before I saw this on my feed...

{% link ben/are-you-a-fake-developer-me-too-1j5p %}

Which was prompted by @badrecordlength's original post...

{% link badrecordlength/the-fake-developer-conundrum-38oi %}

***

## What Is Developer

Unlike someone like @ben who is an actual "developer" 😜 I, typically, am not shipping code in my day to day work. Not that all developers ship code every day. Sure, I've written code that's been deployed on servers around the globe. But, I still think that's kind of a fluke.

***

## Faker

I've never been employed as a developer - so I'm a fake developer! Like many people, I sometimes struggle with imposter syndrome. Which is likely what keeps me personally from trying to make a go of actually going for a proper development job. Well, that and the fact that I can't stand the thought of struggling through a whiteboard interview. Such an awful process. 😅 Instead, I stick to my hobby programming and allow my attention to dictate projects - in the grand ADHD fashion of focusing hard on one for a while, then abandoning it when something else catches in my head.

***

## Does It Matter

"Developer" is just a word. We have a number of terms for people who write code: coder, programmer, hacker, code monkey, etc. I like to think I fall somewhere in the hack/coder category (yes a hack, not a hacker). I've written code in a dozen or so languages and can generally get what I want to compile to compile - and work! I wouldn't call myself an expert in those languages and would be hard pressed to write anything in say Pascal today but I made it work.

For more on overcoming imposter syndrome see https://hbr.org/2008/05/overcoming-imposter-syndrome.

***

## Wrapping Up

I generally don't overshare when posting so, this is kind of an odd topic to write about. Imposter syndrome can sometimes feel brutal and lead to varying forms of self-deprecation. Small examples of this litter this post as a matter of fact. Just remember to not be too hard on yourself. After all, you aren't alone, lots of people have gone through the same thing. Just look at how often it comes up here.

Anyway, thanks for reading my ramblings if you've made it this far. Next week, we'll see which Go project my brain takes us too next.

***

| Enjoy this post? |
|:----:|
| [How about buying me a coffee?](https://ko-fi.com/shindakun) |

***
NEED RUBY ON RAILS FULL GUIDE
Tags: rails, ruby, beginners, help
Published: 2019-05-25 17:59:47

hello guys i'm  beginner in ruby  , i want to learn ruby on rails , but  its hard to google on every error which tells u GemNotFound and something like that , so i want to know if anyone  know nice easy to read full guide ? who start learning like me ? :)
Latest Version of Angular Help Developers Perform Excellent Output
Tags: angular
Published: 2020-01-02 18:46:08

---
title: Latest Version of Angular Help Developers Perform Excellent Output
published: true
date: 2019-05-25 16:22:12 UTC
tags: Angular,Angular Js
canonical_url: https://codebriefly.com/latest-version-of-angular-help-developers-perform-excellent-output/
---

 ![Latest Version of Angular Help Developers Perform Excellent Output](https://codebriefly.com/wp-content/uploads/2019/05/Latest-Version-of-Angular-Help-Developers-Perform-Excellent-Output.jpg)

Angular is the latest version of Angular.js, an open-source framework for front-end web development. It plays a significant role in creating dynamic SPA. SPA stands for Single Page Application. It possesses important features such as two-way binding, template making, modularization, and mobile app design. Also, it’s material design, dependency injection, and reactive programming are also […]

The post [Latest Version of Angular Help Developers Perform Excellent Output](https://codebriefly.com/latest-version-of-angular-help-developers-perform-excellent-output/) appeared first on [Code Briefly](https://codebriefly.com).
Babies with Smartphones are changing the world
Tags: babies, smartphones, technology, mobilephones
Published: 2019-05-25 16:12:56

---
title: Babies with Smartphones are changing the world
published: true
description: An unlikely story
tags: Babies, Smartphones, Technology, Mobile phones
---

![](https://thepracticaldev.s3.amazonaws.com/i/cdld7k6afdompd2256c5.png)

The thing about babies is that they are tiny tiny, need lots of help with everything from wiping their behinds to being fed. Most of them make an incredible amount of noice But at the same time they make amazing discoveries and can often do things that we as grown-ups don't pay enough attention to. Like using Smartphones to discover the world:

This is really an amazing story, because babies and infants don't know how to read, so how can then navigate a smartphone? Well they can identify the icons and buttons on the smartphone and so learn to navigate the smartphone long before they learn to read. The results are often startling:

<a href="https://medium.com/@lennartfr/buttons-smartphones-and-babies-will-change-the-world-eec9f09e84c1">Buttons, Smartphones and Babies will change the world</a>
Personal Website development advice

Tags: react, webdev, productivity
Published: 2019-05-25 15:47:15

Alright so I have decided to re structure the original website that I created with just plain HTML/CSS and JavaScript to now use React! I want to know everyone's opinion on how I should approach this project since I haven't been able to make much progress with it from being so distracted by all the cool effects that you can do with JavaScript and CSS. I want to change my approach for how I build this instead of trying to code things out first and not write down the basics of the website or the web flow. Here are the following questions I am curious to know what everyone thinks

Is it worth keeping my adobe cloud subscription for this project?

if Yes to the previous question what are the best practices for utilizing adobe into building my personal website?

Is it worth while to take the time to mock out the design first before doing any coding? Or should I do basic web flow first before mocking up?

I love using figma but I also really want to tryout adobe XD but want to know if I should stick to figma or test the waters with adobe XD

What are good resources to use for making my website responsive?
Apache Camel #1 - Introduction to Apache Camel
Tags: java, apache, camel, apachecamel
Published: 2019-05-25 15:27:22

---
title: Apache Camel #1 - Introduction to Apache Camel
published: true
description: Introduction to Apache Camel
tags: #java #apache #camel #apachecamel
cover_image: http://www.asergeev.com/pictures/archives/2013/1160/jpeg/20.jpg
---


Hello World!

This is my first post so I decided to write about the framework I use a lot in the last couple of months.

<b>Apache Camel</b> is a very powerful integration framework, it is used as a mediation engine between two systems, it has a great community, large codebase with over 200 <a href="http://camel.apache.org/component-list.html">components</a> which can be used out of the box and of course it is written in Java.

On project <a href="http://camel.apache.org/">official website</a> you can find documentation and all info about releases.

<h2>Camel Context</h2>

Context is a heart of camel applications and it represents runtime system.


<h2>Camel Route</h2>

Sample route:

<img src="https://thepracticaldev.s3.amazonaws.com/i/83icy3metd39k0agqj1h.png" />

Explanation: 

As you probably noticed class Route extends the RouteBuilder class, from which you will override configuration and write your route in it.

I used JavaDsl in this route, you can use any other <a href"=http://camel.apache.org/dsl.html">dsl</a> that camel supports. 

errorHandler(deadLetterChannel("mock:errorRoute")) - This is error handler for this particular route, if any exception occurs message will be sent to deadletter mock queue "errorRoute".


from("timer:timerName?period=5000") - "from" is like an endpoint in camel context. In this particular case, it is timer component(scheduler) which will trigger route execution every 5 seconds, timer name is "timerName". You can check more about that on this <a href="https://camel.apache.org/from.html">link</a>.

log("Route started!") - this is a camel's log component which will print text in console.

to("mock:anotherRouter") - "to" represents on which endpoint, queue or route message will be sent. "mock:anotherRoute" represents a mock queue on which message will be sent.


These are the most basic things about Camel.

If you are interested in learning a little more about Apache Camel feel free to contact me here or on gitter -> @djoleB.


Thanks!
Find the right git commands without digging through the web
Tags: git, productivity, gitcommands, easygit
Published: 2019-05-25 15:19:19

---
title: Find the right git commands without digging through the web
published: true
description: GitExplorer: Find the right git commands without digging through the web
tags: git, productivity, gitcommands, easygit
---

I and two of my colleagues built this nifty tool to help devs find the right git commands in seconds. Enjoy!

URL: https://gitexplorer.com
React-Select: Pre-select an option with an id only, the easy way.
Tags: react, reactselect, reacttip
Published: 2019-05-25 15:11:20

---
title: React-Select: Pre-select an option with an id only, the easy way.
published: true
description: React-Select: pre-select an option with an id only.
tags: react, react-select, react-tip
---

 I recently worked on an application where my colleague was using the React-Select package to manage Select boxes. I was struck by the manner in which a selected option was picked. You had to specify an object like so: ```value={{value: optionId, label: optionName}}```

For most people, this is really inconvenient because you are most likely getting the id only from the database e.g. pre-selecting the city a company belongs to, from a list of cities and only the cityId is saved in the company object i.e `company: {id, name, address, cityId}`

Typical ReactSelect component:

```export const Select = ({
  label, isMulti, options, placeholder, onChange, value
}) => (
  <FormGroup className="settings__form-group">
    <Label className="form__label" for="name">
      {label}
      </Label>
    <ReactSelect
      className="modal-select form__select"
      classNamePrefix="modal-select"
      isMulti={isMulti}
      options={options}
      placeholder={placeholder}
      onChange={onChange}
      value={value}
    />
  </FormGroup>
);```

My solution was to use the defaultValue and the options to generate the value object:

#1: To make things neat, I created a function to generate the value object

```const generateValue = (options, defaultValue, isMulti = false) => {
    const value = isMulti ? options.filter(option => 
      defaultValue.includes(option.value))
    : options.find(option => option.value === defaultValue);
  return value;
};```

#2: I assigned this function to the value props of the ReactSelect component.

```export const Select = ({
  label, isMulti, options, placeholder, onChange, defaultValue
}) => (
  <FormGroup className="settings__form-group">
    <Label className="form__label" for="name">
      {label}
      </Label>
    <ReactSelect
      className="modal-select form__select"
      classNamePrefix="modal-select"
      isSearchable={false}
      isMulti={isMulti}
      options={options}
      placeholder={placeholder}
      onChange={onChange}
      styles={selectStyle}
      value={options.length ? generateValue(options, defaultValue, isMulti) : '' }
    />
  </FormGroup>
);```

Viola!!!

[Github Gist](https://gist.github.com/FatimahSanni/b37dc7437a34480747ba306985c9b827)
Qual arquivo está sendo modificado?
Tags: arquivosmodificados, arquivosalterados, config
Published: 2019-05-25 14:01:55

---
title: Qual arquivo está sendo modificado?
published: true
description: Como saber qual arquivo está sendo modificado?
tags: arquivos-modificados, arquivos-alterados, config
---

Você já precisou automatizar algo e não sabe qual arquivo modificar?

Você altera pela interface gráfica, mas não sabe o que realmente é alterado?

Bom partindo pelo princípio que os arquivos de configuração no Linux fica no diretório /etc, nós podemos utilizar o inotifywait para saber quais arquivos foram modificados, para isso basta executar o comando:

```shell
inotifywait -r -m -e modify /etc |     while read path _ file; do         echo $path$file modified;    done
```

Pode ser que seja necessário instalar o inotifywait antes.

Caso você tenha problema com a quantidade de leituras de arquivos, recomendo a leitura desse outro artigo: https://dev.to/emtudo/atualizacao-de-arquivos-max-user-watches-15eh
Netlify Hack Series - Editing sub-domain name
Tags: frontend, tutorial, beginners, netlify
Published: 2019-05-25 13:52:20

---
title: Netlify Hack Series - Editing sub-domain name
published: true
description: We would look at how to edit your sub-domain name on Netlify
tags: frontend, tutorial, beginners, Netlify
cover_image: https://thepracticaldev.s3.amazonaws.com/i/mfg9btk3t426mgpbrtb3.jpg
---

>Disclaimer: This week was my first time using netlify to deploy a static application I built over the week. As it seems most folks are either new to deploying on netlify or haven't used it at all. To answer some of the questions they might have, I would be starting a series discussing all you can achieve with netlify as I get to learn more.

For the first part of the series, we would look at changing your sub-domain name.

It's awesome when we get to discover that netlify generates a random funny sub-domain name for our application, but down the line, we prefer to have a sub-domain name that points to what the application is named or what it does. The Images below would describe this process in full detail.

Step1: 
![choose the site to open](https://thepracticaldev.s3.amazonaws.com/i/avn75dbwdi1n72jq6say.png)
Click on the arrow, highlighted to open the sites page you want to edit its sub-domain.

Step2: 
![click domain settings](https://thepracticaldev.s3.amazonaws.com/i/8o9ed7rmirj1uxi9x714.png)
Click the button, labeled "Domain Settings" as highlighted

Step3:
![click the three dots](https://thepracticaldev.s3.amazonaws.com/i/026hocs0yd6oghrle49c.png)
Select the menu and there, you would see `edit site name`. 

BOOOOOOM, you have it. Now you have changed your sub-domain name. have fun.
Atualização de arquivos/Max user Watches
Tags: maxuserwatches, refreshfiles, atualizararquivos
Published: 2019-05-25 13:45:07

---
title: Atualização de arquivos/Max user Watches
published: true
description: Arquivos que não são atualizados, como resolver
tags: Max user watches, refresh files, atualizar arquivos
---

Se você está tendo problemas com arquivos não atualizados no seu editor de texto, você cria um arquivo e ele não aparece ou apaga e continua vendo ele, seu problema pode ser a quantidade máxima de arquivos assistido por usuário.


Como resolver?

Adicione ao final do arquivo "/etc/sysctl.conf"
```shell
fs.inotify.max_user_watches=524288
```

Agora você precisa carregar as alterações, execute o comando:

```shell
sudo sysctl -p
```

E quiser ver a quantidade atual, digite:

```shell
cat /proc/sys/fs/inotify/max_user_watches
```
My girlfriend likes to travel, I like to know how much it's gonna cost. Vue, node and some APIs later, I give you tripcoster.com
Tags: showdev, javascript, webdev, vue
Published: 2019-05-25 13:37:59

---
title: My girlfriend likes to travel, I like to know how much it's gonna cost. Vue, node and some APIs later, I give you tripcoster.com
published: true
description: I built a really simple vue.js application for finding out the cost of flights and accommodation from anywhere to anywhere
tags: showdev, javascript, webdev, vue
cover_image: https://thepracticaldev.s3.amazonaws.com/i/dl1pfnvlmoca9btqpm84.png
---

After a few weeks work, I'm happy to share [tripcoster.com](https://tripcoster.com?r=devto). 

For me, figuring out where is good value to travel to for a break away has always been a hassle. I don't know the _specific_ dates I might want to go on, I just sort-of want to browse. I want to ask an app "How much would it be for a weekend in Amsterdam, travelling from Dublin". So, I built one. :) 

Of course, you can also search specific dates too. 

## APIs
* Kiwi/Tequila for flights. I found this one a lot easier to work with than Skyscanner - although it can be quite slow for the vague queries
* Hostelworld for accommodation. So far this has been reasonably solid, apart from the odd bit of downtime/errors. 
* Unsplash for the photos - I actually need to add in the image attribution...


I'm pretty happy with the app so far. But, plenty more todo

## Next

* Other accommodation sources. Airbnb/Booking.com for some hotels/apartments etc
* Integrate Numbeo - an API for telling you how much stuff costs (like beers, for example) - so you can compare the cost of actually _being_ somewhere, not just getting there and staying there. 
* Dynamic URL routing. At the moment, you can't share a search result link. That kinda sucks. For now though, it works. 
* MAYBE user accounts and saving trips that you want to go on. Not sure about this one just yet. I quite like not needing a database for this app...

Anything else? Would love feedback on design, functionality etc. 

PS: I know the results can be slow to load, I'm working on backend caching and also I've some ideas to keep the user occupied while the app waits on the API response :)