Rails 5.2 released

Pretty nice release that includes Active Storage, Redis Cache Store, Early Hints, and more…

Amazon now making IN-HOME deliveries

Amazon just released a new Ring-like device that will allow drivers to drop your packages off inside your house. Say wuuuuuuut?

In other Amazon news, the AWS Storage Gateway is now HIPAA eligible. That’s right, PHI in an S3 bucket is now real. You’ll need a BAA Agreement with Amazon first and if the pricing for HIPAA storage is anything like the pricing for a HIPAA compliant server then it will not be for those with small budgets.

The sound of a dialup handshake, visualized

Man, oh man, do I remember that sound and how excited I got when I heard it!

Here is a very cool breakdown (from 2012) of what the handshake sound looked like and what exactly it was doing:

http://www.windytan.com/2012/11/the-sound-of-dialup-pictured.html

Aug 22nd 1994: Well-capitalized Seattle start-up seeks Unix developers

Jeff Bezos posting to a job board way back in the day:

https://groups.google.com/forum/m/#!msg/mi.jobs/poXLCW8udK4/_GHzqB9sG9gJ

HTTP 103 approved as new status code

Well, this is pretty cool: HTTP status code 103 approved!

An HTTP Status Code for Indicating Hints

A new status code that lets the server send headers early, before the main headers

Example from the docs:

     HTTP/1.1 103 Early Hints
     Link: </main.css>; rel=preload; as=style

     HTTP/1.1 103 Early Hints
     Link: </style.css>; rel=preload; as=style
     Link: </script.js>; rel=preload; as=script

     HTTP/1.1 200 OK
     Date: Fri, 26 May 2017 10:02:11 GMT
     Content-Length: 1234
     Content-Type: text/html; charset=utf-8
     Link: </main.css>; rel=preload; as=style
     Link: </newstyle.css>; rel=preload; as=style
     Link: </script.js>; rel=preload; as=script

HTTP/1.1 103 Early Hints

Link: </main.css>; rel=preload; as=style

HTTP/1.1 103 Early Hints

Link: </style.css>; rel=preload; as=style

Link: </script.js>; rel=preload; as=script

HTTP/1.1 200 OK

Date: Fri, 26 May 2017 10:02:11 GMT

Content-Length: 1234

Content-Type: text/html; charset=utf-8

Link: </main.css>; rel=preload; as=style

Link: </newstyle.css>; rel=preload; as=style

Link: </script.js>; rel=preload; as=script

Transform SVG into React components

svgr is a library designed to convert your SVG files to a React component for ease of portability and quick styling (by passing in a color prop). However, there is a performance hit to consider (especially on mobile) when converting/styling SVGs like this.

Don’t want to convert your .svg to .js just to style it easier? No worries, you can always restyle SVG using CSS.

Alexa Kid Skill Challenge

Amazon is hosting a hackathon to build Alexa skills for Kids under 13.

Time to consult the braintrust:

https://alexakidskills.devpost.com/

React apps in subdirectories that use React Router

If you’ve ever deployed your new React app to a subfolder on your server and you’re using React Router you might notice that React Router starts getting all funky and truncates the subfolder name. This is the expected behavior, albeit something easy to overlook when deploying to a subfolder. The good news is that there is a pretty straightforward solution: just add a basepath to your Router and specify the folder name.

Check out the documentation.

<Router basename="/some/sub/directory/">
  // Other routes here
</Router>

// Other routes here

</Router>

For example, I deploy most of my playground apps to apps.bioramp.com, to deploy the Auto9 app I use a subfolder and the resulting URL is http://apps.bioramp.com/auto9

This is what my Router looks like for that app (keep in mind I import my routes from an external file).

// ... other imports
import { routes } from "./config/routes";

class Auto9 extends React.Component {
  render() {
    return (
      <Router basename="/auto9">
        <div>
            {routes.map((route, index) => (
              <Route
                key={index}
                path={route.path}
                exact={route.exact}
                component={route.component}
              />
            ))}
        </div>
      </Router>
    );
  }
}

// ... other imports

import { routes } from "./config/routes";

class Auto9 extends React.Component {

render() {

return (

<div>

{routes.map((route, index) => (

<Route

key={index}

path={route.path}

exact={route.exact}

component={route.component}

))}

</div>

</Router>

);

}

Also, keep in the mind that you should have a “homepage” node in your package.json before you a do a build.

OxygenOS (OnePlus) built in analytics collect everything. EVERYTHING.

Chris Moore used OWASP ZAP to proxy his OnePlus connection. What he found was fairly terrifying.

Serial numbers, package activity, phone settings, and more are being collected and posted back to an AWS box from open.oneplus.net. Yikes.

After noting that OnePlus support can’t instruct users on how to disable the analytics, a twitter user shares how to disable via adb

@chrisdcmoore I’ve read your article about OnePlus Analytics. Actually, you can disable it permanently: pm uninstall -k –user 0 pkg

— Jakub Czekański (@JaCzekanski) October 10, 2017

The gig economy disruption is real

1998:

Don’t get into strangers cars

Don’t meet people from the internet

2017

Literally summon strangers from the internet to get into their car

I’m not too sure who deserves credit for this observation, but it’s awesome. My take away from it is that apps can have such a significant impact that they can completely disrupt our collective way of thinking.