Raymon Schouwenaar

I'm Ray a Dutch Front-end Developer, and I love to share my passion for HTML, CSS, JavaScript, and Tooling!

CSS Grid Layout Metro design blocks

The times have come that we don’t have to fiddle around with Floats and Tables anymore! Flexbox is already an established term in the industry of Frontend Developers.

3 ways to loop over Object properties with Vanilla JavaScript

It happens a lot that you need to loop over an Array with JavaScript Objects! But sometimes you just don’t know what kind of properties that Object has. Lucky we are that JavaScript offers a few ways of looping over JavaScript Object properties.

How to check equality of values in JavaScript!

In JavaScript, there are 2 comparison operators. The triple equals and the double equals (=== or ==). When I checked JavaScript in an older application, I saw a lot of double equals in it. I thought that couldn’t be right. Then I realized it was built by a few Java developers. If you check the documentation of Java Equality, Relational and Conditional Operators you soon find out why it was written like that.

Focused learning, the Agile inspired way

For a few years, I’m working in Agile environments, some more than the other. But the most of the are using the Agile principle’s to optimize the way they work. A few weeks ago I started thinking of learning new things (coding, design, photography etc.) with these principles in mind. In this blog, I just want to share that idea with you. I’m not gonna explain all the principle’s to you but will take a few to help you create a focused learning process.

Prevent git merge-conflicts by tabs or spaces with Editorconfig 😉

If you ever worked in a team with developers, you soon find out they maybe use different editors, (IDE’s) with different settings than yours. But you are a big fan of linting and reviewing code in Github or other Git system, but everytime someone checks-in code, there are massive merge-conflicts because of different settings for the indenting. If you use tabs and a developer from your team is using spaces by default, it will soon become a merge-conflict hell!

I Love the JavaScript shorthand of If-else statement 😃

So there it is! It is a long time ago that I put online a new blog post! Did a lot of other stuff then Web Development. But this time I want to share a small nice trick in JavaScript! Yes, I love the JavaScript shorthand of the if-else statement. (For the record, the let variable is an ES6 type variable.) Check the super simple example below. let aVar = 'A'; let conditionalVariable = aVar === 'A' ?

Create launch screen for React Native app in Xcode

If you are working on a cool React Native app, I guess you want to make to look-and-feel completely to your own design. Well, the launch screen is the first thing a user see. The first look must be the best! So let’s create a splash screen for your React Native in Xcode, so your user doesn’t see that ugly default screen that React Native show by default in iOS.

React Native on iOS: Network Request Failed

By default iOS isn’t supporting HTTP requests, only HTTPS requests are allowed. But what if you have an API that only works with HTTP, you can easily change the setting’s to support HTTP requests. When I first tried to do a request to an HTTP address it gave me the error “Network Request Failed”. I couldn’t get why. But after some digging, I figured iOS was only supporting HTTPS. To change this, open the “info.

Helping other people is the best skill you can have!

Since I started the Mr Frontend Community, I noticed that I helped a lot of people. Not to lift me above others! No, I really discovered for myself that, helping others brought me a lot good things this year. As a kid, I always had a natural feeling for helping others. I helped friends, family, classmates. In every age in my life, I helped people with different things. My classmates with cooking lessons.
1 of 23 Next Page