The 10 rules are intended to eliminate certain C coding practices that make code difficult to review or statically analyze.

Image for post
Image for post

Here’s what NASA has to say about these rules:

The rules act like the seat belt in your car: Initially they are, perhaps, a little uncomfortable, but after a while, their use becomes second nature — and not using them becomes unimaginable.

Minimal and curated choices for each team at Apple — 2020

Image for post
Image for post

Apple engineers have always focused on one person when they build software — the person who will use it.


Apple has a dozen if not hundreds of various development teams.
In the main development “groups” we have picked up different roles from hundreds of open positions for each team to let you discover some technologies or methods used inside Apple.

Please enjoy and feel free to explore all Apple Careers!

Apps and Frameworks

Apps and Frameworks people create every Apple application, including built-in apps such as Calendar and Maps, productivity apps such as Keynote and Pages, and media apps like Final Cut Pro and Logic Pro. …

Yet another state library for React? Mutable global state for React

Image for post
Image for post (Image source: Author)

Who Created This?

This was made by Daishi Kato. He is the creator of:

Why This Library?

As you have seen, the creator already created incredible projects to simplify flux or atomic states, and the only missing piece of the three types was proxies.

This library was made to reduce MobX/Immer/proxy state down to its very core: an object, you mutate any part of it, the component reacts.

What Is a Proxy State?

A JavaScript proxy can observe a nested object for changes made to it. That means there’s none of the traditional selecting or diffing.

State is the data that drives your application. Usually, there is domain-specific state like a list of to-do items, and there is view state, such as the currently selected element. State is like spreadsheet cells that hold a value. …

Create a JavaScript project with PurgeCSS to remove unused styles and keep it all small

Man using leafblower
Man using leafblower
Photo by Callum Hill on Unsplash.

Why Next.js?

It’s one of the best React frameworks supported by the huge React community.

Why Tailwind CSS?

Because it’s the simplest and most modern way to structure CSS classes for your components and layouts.

Why PurgeCSS?

Because you will need to keep your compiled Tailwind CSS file light and tiny.

The Setup Process

  1. Let’s start with an empty Next.js project or just open up your already-set-up project:
npx create-next-app
# or if you use yarn
yarn create next-app

2. Then we will add Tailwind and PurgeCSS.

“PurgeCSS reduces the file size by scanning your HTML and removing any classes that aren’t used. We only want this in production because if we are developing, we want to be able to use any Tailwind CSS class without running the build process.” …

Are Next.js 10’s built-in image component and automatic image optimization an alternative to Gatsby images?

Colorful picture frames on a wall
Colorful picture frames on a wall
Photo by Markus Spiske on Unsplash.

Since version 10.0.0, Next.js has a built-in Image component and automatic image optimization.

The image component, next/image, is an extension of the HTML <img> element that has been evolved for the modern web.

What Does next/image Do Under the Hood?

  1. Automatically serves the images in modern image formats like WebP, which is about 30% smaller than JPEG, if the browser supports it.
  2. Optimize images on demand. Build time won’t change.
  3. Lazy-load the image inside the page only when a certain threshold is reached while scrolling the viewport.
  4. You can decide to use it with Vercel’s internal CDN or other providers like Cloudinary or Akamai.
  5. You can specify different image sizes for different and custom resolutions to be used dynamically. …

Your database will be almost useless in the future if you keep only single state values. You need a time series

Photo by Nick Hillier on Unsplash.

Data has been the gold mine of the last decade, and big data is growing faster every year than the previous one thanks to all other related fields like machine learning and IoT.

Getting more data from your users is valuable. You can study their behavior, discover patterns, and even more that you can’t imagine right now. But in the future, it will all be possible with your data.

Time Series Era

You will be able to analyze the past, the present, and the future! What has changed from the old ways to keep the latest states of your data only?

You are generating more data every minute! …

An open-source, blazingly fast, and hyper-relevant search-engine that will improve your search experience.

Image for post
Image for post


In this quick tutorial, you’ll learn how to easily create a search page with instant and reliable results thanks to the power of MeiliSearch.

MeiliSearch is an open source, high-relevancy search engine, built in Rust.

We will cover the basic steps to get the search running and move on to more advanced topics at the end.

For the example, let’s recreate a fast and beautiful search experience for a Sports brand. Here is a preview of what you will be building:


Before getting started, ensure that you have Node already installed on your machine.

You will create the boilerplate code for your React app using the custom project we created for you…

It’s from France with a nice price close to 1500$ and two beautiful cameras at eye level!

Image for post
Image for post

French startup LYNX revealed the R-1, a standalone VR headset built for pass-through AR and powered by Qualcomm’s new Snapdragon XR2 chip. The enterprise-focused headset uses a novel lens design which makes it compact.

Lynx is a new player in the XR category; the small startup today revealed its first headset, the enterprise-focused Lynx R-1. Though it uses occluded displays (like a VR headset), the company says the R-1 is designed for pass-through augmented reality — with the capacity for both VR and AR in a single device, we’re calling this a mixed reality headset.

According to the company, the Lynx R-1 is set to release the 2020 summer, this year, priced at $1,500. …

Write three.js interactions directly to React with components and clear scopes and props

Image for post
Image for post

What’s React-Three-Fiber?

React-Three-Fiber or R3F is a powerful React renderer for three.js scenes, both for the web and with React Native.

Why should I use it?

To help you increase the speed of creation of your scenes. With R3F you’ll spend less time doing boring stuff and more time defining custom components, R3F will do all of these for you:

  • Creating the canvas
  • Binding events
  • Creating Three.js objects
  • Starting the render loop

Why Should I Use It?

Component-based scene

3JS allows us to write three.js objects in a declarative way. That means we can build up our scene creating re-usable React components, leveraging props, states, and hooks.

Built-in helper

It comes with some useful functions like raycaster and on each mesh it gives you access to all the useful pointer events like onClick, onPointerOver, onPointerOut, etc. …

What you need to do pure and beautiful WebXR experiences just for VR or standalone VR, not considering tablet/smartphone or Desktop.

Image for post
Image for post

We need your help

This won’t be a complete article I need your help! I will keep updating this list every month with your help.

Feel free to share this link, add comments/tips or additions to the original source for this article here:

To understand what is needed, We need to consider what we usually need for a Unity or Unreal Engine VR experience.

Low-level access

SteamVR SDK or Oculus SDK to the hardware capabilities

Teleportation and Movements Systems

Moving around the scene with different method, being seated or fully moving around.


Riccardo Giorato

XR Developer and Photogrammetry Artist

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store