Dima Khadorkin khadorkin

Installing Fish shell on MacOS (Intel and M1) using brew

Fish is a smart and user-friendly command line (like bash or zsh). This is how you can instal Fish on MacOS and make your default shell.

Note that you need the https://brew.sh/ package manager installed on your machine.

Install Fish

brew install fish

React recently introduced an experimental profiler API. This page gives instructions on how to use this API in a production release of your app.

Table of Contents

Profiling in production
- Create React App
- Webpack 4

Profiling in production

React DOM automatically supports profiling in development mode for v16.5+, but since profiling adds some small additional overhead it is opt-in for production mode. This gist explains how to opt-in.

	- name: Restore yarn workspaces
	id: yarn-cache
	uses: actions/cache@master
	with:
	path: \|
	node_modules
	//node_modules
	key: ${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
	- name: Install dependencies
	if: steps.yarn-cache.outputs.cache-hit != 'true'

	+ import com.facebook.react.modules.network.OkHttpClientProvider;
	+ import okhttp3.OkHttpClient;
	+ import okhttp3.brotli.BrotliInterceptor;

	...

	public void onCreate() {
	super.onCreate();

	+ OkHttpClientProvider.setOkHttpClientFactory(() -> {

	import * as React from 'react';
	import {
	EmitterSubscription,
	Keyboard,
	KeyboardEvent,
	LayoutAnimation,
	Platform,
	Dimensions,
	ScreenRect,
	} from 'react-native';

	const express = require('express');
	const app = express();

	// Application
	app.get('/', function(req, res) {
	if (process.env.NODE_ENV === 'development') {
	for (var key in require.cache) {
	delete require.cache[key];
	}
	}

	import AsyncStorage from '@react-native-community/async-storage';
	import {
	InitialState,
	NavigationContainer,
	NavigationContainerProps,
	NavigationContainerRef,
	} from '@react-navigation/core';
	import * as React from 'react';
	import { InteractionManager } from 'react-native';

	import React from 'react'
	import { StatusBar, Text, View } from 'react-native'
	import { useSafeArea } from 'react-native-safe-area-context'

	export function App() {
	const safeAreaInsets = useSafeArea()

	return (
	<View
	style={{

	import {
	Dimensions,
	LayoutChangeEvent,
	Platform,
	ScrollEvent,
	ScrollView,
	StyleSheet,
	View,
	} from "react-native";
	import {Font, Space} from "../atoms";

	// Demo: https://snack.expo.io/@brunolemos/touch-button-scale-effect

	import React from 'react'
	import { Animated, StyleProp, TouchableWithoutFeedback, TouchableWithoutFeedbackProps, ViewStyle } from 'react-native'
	import { styleMerge } from 'shared/src/utils'

	export interface TouchableScaleProps extends TouchableWithoutFeedbackProps {
	containerStyle?: StyleProp<ViewStyle>
	}