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 Cut Pro and Logic Pro. …

Who Created This?

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

• https://github.com/pmndrs/zustand (zustand simplified flux/redux)
• https://github.com/pmndrs/jotai ( jōtai simplified atomic principles)

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

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.” …

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

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

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 code for your React app using the custom project we created for you…

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

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