Playing with React VR

The folks at Hashrocket have a nice introductory writeup on getting started with the aforementioned React VR. So if you’ve been doing React or React Native for the past months, you’ll see that React VR is super simple to get started and will let you build exciting 360 experiences. Starting from the default React VR …

Getting Started with the Web Animations API

The Web Animations Api (short WAAPI) tries to combine the power of CSS with the flexibility of Javascript in order to allow complex animation sequences. There are big differences between the WAAPI and for example libraries like GSAP, the biggest one being that the WAAPI is going to provide native browser support without needing to …

How to make an ARKit app in 5 minutes using React Native

Apple has made ARKit very easy to use, but it still requires quite a lot of efforts to properly set it up and run the first demo, especially for those who are not very familiar with 3D programming. What we are going to show you in this article is, with the help of React Native …

A New Kind of Map: It’s About Time

The Mapbox Team: Recently, we’ve been thinking of a visualization that cuts directly to the way in which people make decisions about where to go: what would a map look like if we swept the physical world away completely, in favor of the time needed to move around it? We’ve been prototyping a simple discovery …

Strategies for Derailing a React Conversation

Fun list tweeted just now by Redux creator Dan Abramov: Strategies for derailing a React conversation: HOC vs render props Is binding functions expensive CSS in JS PATENTS Redux Web Components class vs className <If> Size of node_modules Context I wonder which ones, if any, will matter in three years. Always keep questioning the status …

Javascript : The Curious Case of `null >= 0`

Abinav Seelan takes a deep dive to unearth why exactly this happens in JavaScript: null > 0; // false null == 0; // false null >= 0; // true How can a value not be greater than 0, not be equal to 0, but be greater than and equal to 0? Javascript : The Curious …

Rendering Sites Fullscreen in Safari on iPhone X / Introducing “User Agent Variables” (CSS Environment Variables)

What the …? By default, the new iPhone X in landscape mode will contain sites in the so called “safe area”, resulting in white bars being rendered on either side of the site (src). The color, white by default, can be tweaked by altering the background-color on the <body> element. Do note that it’s only …