MD. MOHIBUR RAHMAN mrpmohiburrahman

I started using React Native in September 2018. I always forget some things when I build new apps, so I'll keep track of the gotchas on this post.

Some topics, such as navigation, will be fundamental to how I think about apps. Others, will be one-line helpers that make apps work more smoothly.

It's gotten to the point where I find my own answers from 6 months before on certain Github issues.

I'll keep adding over time as I think of more. If anyone thinks these topics would be useful, let me know and I'll elaborate.

I have made libraries to address a number of the topics here, from navigation to design.

React Native VSCode Settings

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, Mac OSX, and Windows.

This module will install visual studio code essential extensions and settings for react-native.

Install

npm install --save-dev react-native-vscode-settings

See the original quiz here

Question 1

var foo = function foo() {
    console.log(foo === foo);  
};
foo();

Answer: `true`

Don't use VPN services.

No, seriously, don't. You're probably reading this because you've asked what VPN service to use, and this is the answer.

Note: The content in this post does not apply to using VPN for their intended purpose; that is, as a virtual private (internal) network. It only applies to using it as a glorified proxy, which is what every third-party "VPN provider" does.

A Russian translation of this article can be found here, contributed by Timur Demin.
A Turkish translation can be found here, contributed by agyild.
There's also this article about VPN services, which is honestly better written (and has more cat pictures!) than my article.

	local map = vim.keymap.set

	-- Function to set highlight groups
	local function set_highlights()
	vim.api.nvim_set_hl(0, "NvimTreeIndentMarker", {
	fg = "#8891B1"
	})
	vim.api.nvim_set_hl(0, "NvimTreeStatusLine", {
	bg = "#1e222a"
	})

	{:profiles
	{:goku {:default true
	:alone 80 ; hold for .. ms to register single tap
	:held 50 ; TODO: not sure what it's for
	:delay 0 ; time after which the key press is delayed
	:sim 30}} ; keys need to be pressed within this threshold to be considered simultaneous
	:templates {:alfred "osascript -e 'tell application id \"com.runningwithcrayons.Alfred\" to run trigger \"%s\" in workflow \"%s\" with argument \"%s\"'"
	:km "osascript -e 'tell application \"Keyboard Maestro Engine\" to do script \"%s\"'"
	:open "open -a \"%s\""
	}

	{
	"@react-native-assets/slider":"slider",
	"react-native-logs": "miscellaneous",
	"react-native-gl-image-filters": "Image Filters",
	"react-native-unicons": "Icon Libraries",
	"pesdk-react-native": "Photo Editing SDK Integration",
	"vesdk-react-native": "Video Editing SDK Integration",
	"react-native-image-crop-picker": "Image Picker & Cropper",
	"react-native-resegmented-control": "Segmented Control",
	"react-native-scales": "Responsive Design Tools",

	{
	"slider": [
	"@react-native-assets/slider"
	],
	"miscellaneous": [
	"react-native-logs",
	"pinar"
	],
	"Image Filters": [
	"react-native-gl-image-filters"

	npm i -g eslint
	npm i -g prettier

	eslint --init

	? How would you like to configure ESLint? Use a popular style guide
	? Which style guide do you want to follow? Airbnb (https://github.com/airbnb/javascript)
	? Do you use React? Yes
	? What format do you want your config file to be in? JSON
	Checking peerDependencies of eslint-config-airbnb@latest