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.


Set up event triggers to call webhooks for specific events that occur in the DB within a few minutes

Woman holding shopping bags
Woman holding shopping bags
Photo by Jacek Dylag on Unsplash.

TL;DR: Spend less time building custom triggers or watchers! Spend more time on the core of your app or ideas thanks to Hasura events and simple GraphQL mutations!

In this tutorial, we will discover how to use Hasura events to store a user’s preferences/wishlist and send a triggered email from this event. We will also cover the creation of a React app connected to a Hasura Cloud instance to fully make it work.

You can try the application on your own. The complete application is available on GitHub.

1. Set Up Your Hasura Account With Hasura Cloud

The first step will be to configure your Hasura server. My preferred…


Minimal and curated choices for each team at Apple — 2020

Image for post
Image for post
https://unsplash.com/photos/ktWur2xM1hs

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

source: https://www.apple.com/jobs/us/teams/software-and-services.html

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…


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

Image for post
Image for post
https://github.com/pmndrs/valtio (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…


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…


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…

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

Numbers
Numbers
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…


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

Image for post
Image for post

Introduction

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:

Prerequisites

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

You will create the boilerplate…


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…


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…

Riccardo Giorato

XR Developer and Photogrammetry Artist https://riccardogiorato.com/

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