This is a small tool designed to emulate the Sublime style Command Palette as follows.
It requires the use of a specific extension to load the js file from this gist.
I'm using the APC extension, and the usage is as follows.
import { useSafeAreaInsets } from 'react-native-safe-area-context' | |
import { useCallback, useLayoutEffect, useMemo, useReducer, useRef, useState } from 'react' | |
import { ActivityIndicator, Keyboard, Platform, Text, View, TextInput, useWindowDimensions } from 'react-native' | |
import Animated from 'react-native-reanimated' | |
const SearchBar = () => { | |
const inset = useSafeAreaInsets() | |
const [isFocused, toggle] = useReducer((s) => !s, false) | |
const ref = useRef<View>(null) | |
const rect = useRef({ width: 0, height: 0, x: 0, y: 0 }) |
This is a small tool designed to emulate the Sublime style Command Palette as follows.
It requires the use of a specific extension to load the js file from this gist.
I'm using the APC extension, and the usage is as follows.
Here is a short guide that will help you setup your environment to create signed commits
or signed tags
with Git locally. This has been extensively tested on Windows with Git and the Github Desktop application: I use it every day for my professional development projects.
I you face any issue, feel free to leave a comment below.
If you use server rendering, keep in mind that neither useLayoutEffect
nor useEffect
can run until the JavaScript is downloaded.
You might see a warning if you try to useLayoutEffect
on the server. Here's two common ways to fix it.
If this effect isn't important for first render (i.e. if the UI still looks valid before it runs), then useEffect
instead.
function MyComponent() {
👋👋👋👋👋👋👋👋👋👋👋👋👋👋👋👋👋
URL Schemes | |
Apple | |
Apple Music — music://geo.itunes.apple.com/us/albums/<albumID> | |
– music://geo.itunes.apple.com/us/artists/<artistID> | |
Apple News — applenews:// | |
App Store — itms-apps://itunes.apple.com/app/<appID> | |
Apple TV — videos:// |
Apple will reject apps that are using private url schemes (Ugh, Apple....) if they are pretty much obvius. Some apps are rejected and others are not, so, be aware of this issue before implementing any of those URL's in your app as a feature.
BIG iOS URL SCHEME LIST | |
HAD TO MAKE A DROPBOX FILE BECAUSE THIS LIST WAS TOO LONG TO POST IN THE COMMENTS OR NOT MAKE THE WORKFLOW APP TAKE FOREVER TO READ IT. | |
☠JAILBREAK/SYSTEM APPS | |
-------------------------- | |
activator:// | |
itms-apps:// | |
itms-services:// |
<?xml version="1.0" encoding="UTF-8"?> | |
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> | |
<plist version="1.0"> | |
<dict> | |
<key>CFBundleDevelopmentRegion</key> | |
<string>en</string> | |
<key>CFBundleExecutable</key> | |
<string>$(EXECUTABLE_NAME)</string> | |
<key>CFBundleIdentifier</key> | |
<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string> |
// Trying out a new syntax. It is: | |
// | |
// - not magical except for the DecoratedComponent bit | |
// - communicates that it returns props | |
// - ...that are computed from Redux data | |
// - resembles familiar functions like getInitialProps | |
// - nice aesthetically | |
@connect(data => X.DecoratedComponent.getDataProps(data)) | |
export default class X extends React.Component { |