teleren/devto huggingface dataset:
Most Loved React Site Features
Tags: react, ux, ui, design
Published: 2019-02-14 17:19:17

---
title: Most Loved React Site Features
published: true
description: I'd like to know what everyone's favorite React site features are
tags: #react #ux #ui #design
---

Got a website you love going to? Tell me what your favorite site features are and why you keep going back!  There are things I love about some sites that I have attempted to implement into <a href="https://andersjr1984.github.io/portfolio/">my personal site</a> and I always love finding more.  Here are a few examples:

-AirBnb.com: The page greets you with a beautiful image that takes up the full screen.  I wanted this for my home page.  Getting the image to only show on my home page was a bit of a chore, but I figured it out because React is amazing.

-instacart.com: This goes along with my introductory banner.  I love how the page scrolls right over the banner.  This one was pretty simple!

-zillow.com: Embedded image opener.  This is one that I wrote a tutorial for.  I wanted to keep users on my site and expand images for their viewing pleasure.  This one took a bit of logic for initial setup, but now that it is working, it would be very easy to recreate!

-React app's initial page: How they got the atom to rotate was brilliant and very simple to implement just using CSS!  I wanted to add that to my site for a "Taco Locater" API example.  Who doesn't love a spinning taco?
Dear IOS developers, Please Ignore 3-Finger Taps
Tags: ios, a11y
Published: 2019-02-21 04:32:30

---
title: Dear IOS developers, Please Ignore 3-Finger Taps
published: true
tags: ios, accessibility
canonical_url: https://www.frederikcreemers.be/posts/ios-ignore-three-finger-tap
---

One of IOS's many great accessibility features is **zoom**.

![](https://thepracticaldev.s3.amazonaws.com/i/qtch05uzhg6y8lph6zo7.PNG)

You can activate and deactivate it by double tapping with 3 fingers. Apps that seem to be built with Apple's UIKit handle this well, but I often accidentally activate buttons or perform other unwanted actions in apps that use some other UI library. This is also the case in games, where I like to zoom in to read small text, or see game elements in more detail.

I understand that accessibility isn't always the most exciting part to work on, especially in games, but it really makes a difference!

Thanks!
Cancer Does Not Help You Get Into College
Tags: memoir
Published: 2019-02-21 04:01:23

---
title: Cancer Does Not Help You Get Into College
published: true
description: Life Lessons I Could Have Gone Without
tags: memoir
---

When I was diagnosed with osteosarcoma at age 15, I was told by medical professionals around me that it would make for a great college essay. It was not the time to worry about my chances of getting into college. 

*Having cancer did not make for a great college essay.*

My college essay was *sad* -- as sad as an essay about watching children with cancer die around you in the oncology ward can be. A professor years later put words to it: survivor's guilt. 

You may be wondering what this has to do with software development. Well, I am not a Baudelaire but my life has often felt like a series of unfortunate events and tech has largely changed that. I'll admit it -- the pay in this industry has changed my life and anyone who tells you that money isn't everything has probably never been made fun of for wearing the same pair of pants to school every day. They've probably never had to pay out of pocket medical expenses to deal with all the shit that comes from all your friends dying.

So, this is why I am so passionate about sharing my experiences in this field: what I did to get here and what it's like to be here. 

This is my truth ** *mic drop* **.
How I Get Website [Wordpress] Layout Idea
Tags: wordpress, webdev
Published: 2019-02-21 03:40:16

I am doing some wordpress design for my own website and want to really make it look nice with some flow. Being a DevOps does not mean I am also a super web geek marketer that looks for weather the buttons are this green or that green color. 

What I do care about is that my site loads under 2 seconds and has Google Score above 91 (currently sitting at 94). 

This is what I do, I go to pintrest, which I always believed to be more for fashionistas and etsy people however upon looking for that one specific type of template I landed on pintrest the other day and found out there is thousands of templates I can look through. 

Just look at this sh**! [Elementor Templates](https://www.pinterest.com/search/pins/?q=elementor%20templates&rs=rs&eq=&etslf=1972&term_meta[]=elementor%7Crecentsearch%7C0&term_meta[]=templates%7Crecentsearch%7C0)

Ok so next just search for red wordpress themes :) ..

Another site I went to is the [99designs](https://99designs.com) , if you must find this contests link, just scroll all the way at the bottom and click [Design Contests](https://99designs.com/web-design/contests?sort=start-date%3Adesc&status=won&entry-level=0&mid-level=0&top-level=0&dir=desc&order=start-date) on there you will find all kind of stuff and mostly looks really cool.

So there you have it my Devs.

Btw my favorite wp speed template is Neve with image optimizer + Cloudflare DNS. 

Oh and few more plugins.. which now that I think of, I  should write a Dev Post about it!
Bugfix update
Tags: rithfoss
Published: 2019-02-21 03:14:28

---
title: Bugfix update
published: true
description: blog 05 for HFOSS
tags: #rithfoss
---

# Hypothesis
[Hypothesis](https://github.com/HypothesisWorks/hypothesis) is an open source library that allows you to write tests using "property-based testing", and is still a work in progress. It aims to be an easy alternative to QuickCheck without making users have a knowledge of functional programming. I happened upon the repository looking to fulfill my requirements for my bugfix assignment and found a bug that looked easy for me to start working on. 

# The Bug
The bug I decided to work on is more of a clarity issue. I'm going to be making sure that a variable is of the correct type and make a test to see if the error check is properly working, I have a good idea of what I have to do, I just need to make an appropriate test and figure out what format would be best when raising errors after checking.
Composite Design Pattern [Structural]
Tags: blog, concepts, designpattern, designpatterns
Published: 2019-02-26 03:25:31

---
title: Composite Design Pattern [Structural]
published: true
tags: blog,concepts,Design Pattern,Design Patterns
canonical_url: https://itscoderslife.wordpress.com/2019/02/21/composite-design-pattern-structural/
---

This pattern can be used to create recursive tree structures of related objects where any element can be a composition of objects or an individual object. Each element of the structure may be accessed in a uniform manner without having to know whether we use a collection or a leaf object.

- Clients can ignore the difference between leaf and composed objects, and only use one type or protocol when accessing the elements within the composite structure.
- All types participating in the composite must implement the same interface. So, here’s a formal definition.
- With the composite pattern, we can represent part, whole hierarchies of objects.
- We can access the elements without having to know whether we use a collection or a leaf object.
- Callers can rely on the same type or protocol to access the elements within the composite structure.

> The composite pattern allows related individual objects and collections of objects to be treated uniformly.

**Treat individula objects and collection of objects uniformly. Use the same interface to access the elements.**

Here is an example from [sourcemaking](https://sourcemaking.com/design_patterns/composite):

Although the example is abstract, arithmetic expressions are Composites. An arithmetic expression consists of an operand, an operator (+ – \* /), and another operand. The operand can be a number, or another arithmetic expression. Thus, 2 + 3 and (2 + 3) + (4 \* 6) are both valid expressions.

![Composite_example1-2x](https://itscoderslife.files.wordpress.com/2019/02/composite_example1-2x.png?w=656)

One more example is of FileManager directory listing. An entry in file system can be a directory or a file. A directory can contain both directories and files. Here we make an file system entry interface and make directory and file class implement. Directory will composite an array of file system entry which can either be dir or a file.

**Summary** : Leaf and composite objects must implement the same interface so that they can be treated uniformly. With the composite pattern, we can represent part, whole hierarchies of objects. We can access the elements without having to know whether we use a collection or a leaf object. Callers can rely on the same type or protocol to access the elements within the composite structure.

**Common failures** : one of the problems you may face when implementing the composite pattern is that your design may become overly general.
Java 11: Making RMI calls and EJBs work again
Tags: java, rmi, corba, ejb
Published: 2019-02-21 00:36:10

---
title: Java 11: Making RMI calls and EJBs work again
published: true
description: Changes in Java 11 and accessing EJBs via RMI
tags: #java #rmi #corba #ejb
---

As part of a new project, I explored the possibly of re-using an EJB. This is to leverage existing business logic rather than cloning, which would then need to also be maintained separately. 

Attempting to Compile the EJB calling code in Java 11 served up a quick reminder.   As part of JEP 320,  the following are removed from Java.

* java.corba module
* javax.rmi.CORBA
* javax.rmi (RMI-IIOP packages)

Example section of code which would not compile

```
Context context = new InitialContext();
Object raw = context.lookup(jndiName);
ARemoteType type = (ARemoteType )PortableRemoteObject.narrow(raw, ARemoteType .class);
```

Luckily, under the Eclipse Foundation's Java EE, the Glassfish implementation of CORBA and RMI-IIOP is available! Including the Gradle snippet below allowed the code to compile and work without any change.

```
implementation group: 'org.glassfish.corba', name: 'glassfish-corba-orb', version: '4.2.0'
```

*References*

* [Same short article on my blog](https://www.davidbharrison.com/java-11-rmi-corba-and-ejbs/)
* [JEP 320: Remove the Java EE and CORBA Modules](http://openjdk.java.net/jeps/320#CORBA-and-JTA-modules)
* [GlassFish CORBA](https://javaee.github.io/glassfish-corba/)
* [Maven Repository](https://mvnrepository.com/artifact/org.glassfish.corba/glassfish-corba-orb)
The Importance of Commenting
Tags: javascript, begginers, webdev, python
Published: 2019-02-21 00:35:22


---
title: The Importance of Commenting
published: true
description: learn the hard way the importance of commenting
tags: javascript, begginers , webdev, python 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/i6hrquwiz8vuz6gt3lao.png
---


I've started coding for about a year now and although I knew the importance of commenting, I hadn't taken it as seriously as I should have. I've recently started a big solo project that is slowly turning into a start-up business.

About three weeks deep in code, files everywhere, solving some-what complex problems (with maybe more code than I should be using- but all the perks of being a noob right?) I started to realize something. Every day when I sat down to work adding functionality to the code, more time than needed was spent sifting through previously written code and it was here that I realized, I was not commenting enough. 

I could have avoided those headaches caused by having to go back and forth between files to try to recount the train of thought I had at that point in time. Can you imagine how much time I would have saved? How much further in the code I would have been if I had just commented?

It feels good to say that that's old news now. Commenting on my code has helped to increase my efficiency exponentially. I am now able to look through 400+ lines of code and easily know what each block of code does.

You know sometimes when you get that burning solution to a problem and you just want to implement it and move on but, trust me. It is worth taking the time to properly comment on your code especially for bigger projects and in the long run.

Happy Commenting folks!
Independent Contractor Taxes Self-Employment HALP
Tags: explainlikeimfive, discuss, freelancers, selfemployment
Published: 2019-02-21 00:26:43

---
title: Independent Contractor Taxes Self-Employment HALP
published: true
description: 
tags: explainlikeimfive, discuss, freelancers, selfemployment
---

Looking on taking an internship and this internship pays as an independent contractor. I have no clue how this works, especially with taxes, and I need some help understanding this.

Can any freelancer or independent contractor break this down for me?
🙏🏾
DataBinding and GORM objects
Tags: grails, groovy, gorm
Published: 2020-05-20 11:57:32

---
title: DataBinding and GORM objects
published: true
date: 2019-02-20 20:54:23 UTC
tags: 
  - grails
  - groovy
  - gorm
canonical_url: 
---

In Groovy, you are able to do this:

```groovy
class Widget {
  String name
}

def widget = new Widget(name: '')
assert widget.name == ''

```

When this widget is a GORM object (in a Grails application), the default configuration doesn’t allow for this:

```groovy
// Inside grails-app/domain
class PendingDeletion {
  String name
  String path
}

// Elsewhere in code
def pendingDeletion = new PendingDeletion(name: 'foo', path: '')
assert pendingDeletion.path == '' // Fails; pendingDeletion.path is null

```

This is because the default configuration instructs the Grails data-binder to convert empty strings to null <sup id="fnref:1"><a href="#fn:1">1</a></sup>.

I’m not exactly sure why this is the default. In order to make the above snippet work in your Grails application, specify the following in application.yml:

```yml
grails:
  databinding:
    convertEmptyStringsToNull: false

```

This allows the GORM map constructor to behave the same as a normal POGO map constructor.

Alternatively, just do not use the GORM map constructor when the field values can be null.

1. http://docs.grails.org/3.3.9/ref/Constraints/nullable.html [↩](#fnref:1)
Craftsmen know their tools
Tags: php, programmer
Published: 2019-02-22 07:24:41

---
title: Craftsmen know their tools
published: true
tags: php, programmer
canonical_url: https://stitcher.io/blog/craftsmen-know-their-tools
---

When programmers call themselves craftsmen or artisans,I can agree that we are.At the same time though, some of these programmers underestimate what craftsmanship actually means.

Let's make a comparison.

My younger brother is an apprentice wood worker, here's a picture of his shop:

![](https://www.stitcher.io/resources/img/blog/craftsmen/3.jpeg)

To me this looks like chaos, but my brother manages to find his way around.Even better: he actually makes pretty and useful things.

Continue reading on [https://stitcher.io/blog/craftsmen-know-their-tools](https://stitcher.io/blog/craftsmen-know-their-tools)
Reading Tech Blogs (How-to)
Tags: tech, blogs
Published: 2019-02-20 23:34:41

---
title: Reading Tech Blogs (How-to)
published: true
description: 
tags: #tech #blogs
---

There are a lot of fantastic tech blogs out there, but you can't possibly read
them all. So how do you decide whom to read and how often? I've generally found myself reading teach blog for two reasons:

1. I needed help with a problem or an explanation to a solution I didn't understand.
2. I became interested in the person and their writing technical or otherwise.

### Problems/Explanation
For the first reason the whom is simple enough, you just google your problem and use whatever works for you. The how often in this situation depends on you, maybe you only ever run in to this problem once or so often that when you start googling the link to the blog or stack overflow post pops up immediately (\*__*cough cough*__\* how to center a div).

### Interesting People
The questions around the second reason are a bit more involved, and I tend to break down what I do by the popularity of the person.

For the most popular (think Paul Graham, DHH, Peter Norvig, etc.), I actually don't read/keep up with any of their blogs or articles directly.They usually have such a strong influence on the tech conversation that almost all their writings gets filtered down by other people quoting or citing them in their own writings. I usually just read their stuff as it naturally pops up in the aforementioned way.

For the more medium popular people who seem to blog consistently I usually do two things. First, I subscribe to their newsletter and read anything of interest they send out in their emails. I also keep a tabs folder of blogs so I can go back and read their old posts. I'm currently reading [Ire Aderinokun] (https://bitsofco.de/), [Dave Ceddia](https://daveceddia.com/),and [Dan Abramov](https://overreacted.io/), but I usually change it up depending on how long I've been reading/or my current learning focus.

For the least popular I tend to just read them as they come, whether I find the posts on twitter, reddit, forums, etc. I tend not to keep track of these blogs due to low amount of content (usually).

### Conclusion
That pretty much sums up my method for filtering all the information from tech blogs. How do you guys get your fix of tech info from blogs?
Free new React Redux course on Udemy
Tags: react, javascript
Published: 2019-02-20 23:11:45

---
title: Free new React Redux course on Udemy
published: true
description: react course
tags: [react, javascript]
---


 Hello everyone here is new  free React Redux course on Udemy. Enjoy  
[Modern React 2019](https://www.udemy.com/modern-react/)
Challenge: Get Closest Number in an Array
Tags: challenge
Published: 2019-02-20 21:29:57

---
title: Challenge: Get Closest Number in an Array
published: true
description: Given an array of numbers and a given number, get the closest number.
tags: challenge
---

Given an array of numbers `nums`, and a given number `given_num`:
```
nums = [100, 200, 400, 800, 1600, 3200, 6400, 128000]
given_num = 900
```

Get the number closest to the `given_num` from the array `nums`.

In this example, the returned value should be `800`.

# Go!

![A black checkered flag signals go!](https://media.giphy.com/media/l4KhZ1DhTTUbsak8M/giphy-downsized.gif)
Does Dev.to not support the <video> element?
Tags: meta
Published: 2019-02-20 20:46:33

---
title: Does Dev.to not support the <video> element?
published: true
tags: meta
---

I created an article (from Markdown) that includes `<video>` elements. The video files are hosted on my own website.

When I save the post, the `<video>` elements lose their attributes (`controls` and `playsinline`) and the videos appear too large (there is no `max-width: 100%` style).

Does this mean that Dev.to does not support the `<video>` element?
Merge GitHub Pull Requests without leaving command line
Tags: fishshell, github, perl, productivity
Published: 2019-02-20 20:03:23

---
title: Merge GitHub Pull Requests without leaving command line
published: true
description: 
tags: fishshell, github, perl, productivity
---

My previous workflow in my personal project was like this:

- `git checkout -b awesome-feature`
- Edit file
- `git add .; git commit -m 'created awesome feature'`
- `git push origin awesome-feature`
- `hub pull-request` Using [hub command](https://hub.github.com/hub.1.html)
- Open GitHub PR page
- Press the "Merge Button"


Although I use some alias in Git, `Open GitHub PR page` and `Press the "Merge Button"` are stressful task. I cannot be patient of browser loading!

Basically, I don't need to review my own Pull Request for my personal project, so I create a tiny function to merge Pull Request from command line:

```bash
function merge
    set repo (pwd | perl -pe 's#.+github.com/##')

    curl \
        -XPUT \
        -H "Authorization: token $GITHUB_TOKEN" \
        https://api.github.com/repos/$repo/pulls/$argv[1]/merge
end
```

[More Detail Lines](https://github.com//acro5piano/dotfiles/blob/f42d4b1c10aab1fff0dc139f0be09b58a22cd820/.config/fish/config.fish#L235)

Use that command like this:

```
merge 22
```

Quite simple.

It assumes that you are in `/path/to/github.com/user/repo`. You can also use `git remote -v` to get current directory's repository info.

I publish my dotfiles to GitHub, so I made `GITHUB_TOKEN` environment variable, which is very sensitive info.

https://github.com/acro5piano/dotfiles
Help build a list of awesome .dev sites
Tags: showdev, opensource, discuss
Published: 2019-02-20 19:56:28

---
title: Help build a list of awesome .dev sites
published: true
description: A growing list of awesome .dev sites
tags: showdev, opensource, discuss
---

The [.dev TLD](https://domains.google/tld/dev/) has created lots of conversation in the community ([here](https://news.ycombinator.com/item?id=19199892) and [here](https://news.ycombinator.com/item?id=19178757) for example), and some of the most interesting developer-focused companies are using .dev to share dev-focused resources and tools 🛠.  


We thought it would be fun to build a list of interesting developer resources on the TLD as they emerge. 


{% github DeveloperMode/awesome-dot-dev %}

The list is thin for now, but with the community's help, we hope to see the resource grow. Check out the contribution guidelines and add to the list!
The Future of Java - Project Amber
Tags: java, projectamber
Published: 2019-02-20 17:51:51

---
title: The Future of Java - Project Amber
published: true
description: Project Amber incubates smaller, productivity-oriented Java language features that have been accepted as candidate JEPs. Take a quick glimpse of the features that will arrive on the platform soon.
tags: #java #projectamber
canonical_url: https://auth0.com/blog/the-future-of-java-2019-project-amber/
---
Recently, Java changed its release cycle to a more rapidly cadence, affecting the way the language evolves overtime. With this new cadence, features can now reach the market faster. Besides that, this cadence enables the community to work on (and deliver) smaller features instead of expending all their energy on the big changes (e.g., lambda, generics, and modules).

Throughout the next sections, you will learn about Amber, the project that incubates small, productivity-oriented Java language features.

[Read on ☕️](https://auth0.com/blog/the-future-of-java-2019-project-amber/?utm_source=dev&utm_medium=sc&utm_campaign=futurejava_amber)

![The Future of Java - Project Amber](https://thepracticaldev.s3.amazonaws.com/i/i6u3vcqqhrpg0dv4t6qf.png)
Flow Models are useful contextual inquires. 
Tags: contextualinquiry, usability, hci, computerscience
Published: 2019-02-20 17:49:07

---
title: Flow Models are useful contextual inquires. 
published: true
description: Methods of discovering end user work. 
tags: ContextualInquiry, Usability, HCI, computer science 
---

I am nearly one year into my part-time MSc (By Research) Computer Science at the University of York, within the Human-Computer-Interaction (HCI) group. 

An interesting book which was recommended to me by my supervisor (Dr Paul Cairns) is Beyer & Holtzblatt’s Contextual Design: Defining Customer-Centered Systems. 

The book is a must-have for those who are completing some sort of HCI research for Software Design. 

The book details something called a Flow Model, which is a visual model that helps to describe the point of view of the person being interviewed or observed (Beyer & Holtzblatt, 1997)

I have found that by using this modelling method, I have been able to visualize the chaos in interaction between different people, tasks & systems, the communication & coordination of people, and the interruptions that they have, in a previously thought ‘well-organised’ workflow. 

The data is quite interesting. However, as the data will be used for my MSc I cannot publish the results yet.

References:

Beyer, H. and Holtzblatt, K., 1997. Contextual design: defining customer-centered systems. Elsevier.