Oluwafemi femicodes

Hexadecimal color code for transparency

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

Download This sample on Google Play Store

Steps to get started with Expo, Typescript, ESLint and Prettier

The first step is to use the Expo CLI to initialize the project. If you don't have the latest version of the Expo CLI tool, (or you don't have it installed) run npm install -g expo-cli.

Now run the following commands in the same order:

expo init my-app -t expo-template-blank-typescript
npx install-peerdeps --dev eslint-config-airbnb
npm i --save-dev @typescript-eslint/parser @typescript-eslint/eslint-plugin
npm i --save-dev prettier eslint-config-prettier eslint-plugin-prettier

Create or edit the file .eslintrc.json with the following content:

So, you just cloned an existing project's repo and you run bundle install but you got the error: rbenv: version x.x.x is not installed....

What the issue means? The project uses a specific ruby version that you do not have on your system.

Here's how to fix it:

Install the Ruby build for the specified version using:

rbenv install x.x.x

Installing Postgres via Brew

Pre-Reqs

Brew Package Manager

In your command-line run the following commands:

brew doctor
brew update

	import axios from 'axios';
	import { USER_NAME, PASSWORD, REST_END_POINT } from './ApiConstants';

	function baseAxios(options) {
	const defaultHeaders = {
	'Content-Type': 'application/json',
	'Accept-Language': options.language ? options.language : 'en',
	'lang': options.lang ? options.lang : 'en',
	username: USER_NAME,
	password: PASSWORD,

	const widthPercentageToDP = widthPercent => {
	const screenWidth = Dimensions.get('window').width;
	const elemWidth = parseFloat(widthPercent);
	return PixelRatio.roundToNearestPixel(screenWidth * elemWidth / 100);
	};
	const heightPercentageToDP = heightPercent => {
	const screenHeight = Dimensions.get('window').height;
	const elemHeight = parseFloat(heightPercent);
	return PixelRatio.roundToNearestPixel(screenHeight * elemHeight / 100);
	};

	import React, { useState } from 'react';
	import {
	SafeAreaView,
	View,
	Animated,
	TouchableOpacity,
	Text
	} from 'react-native';

	const App = () => {

	import React, { useState } from 'react';
	import {
	SafeAreaView,
	View,
	Animated,
	TouchableOpacity,
	Text
	} from 'react-native';

	const App = () => {

	const redis = require("redis");
	const redis_url = process.env.REDIS_URL \|\| null;
	const client = redis.createClient(redis_url);


	module.exports = {
	getCached: (req, res, next) => {
	const { redis_key } = req.headers
	client.get(redis_key, function(err, reply) {
	if (err) {

	import React, { Component } from 'react';

	class App extends Component {

	state = {
	wars: [],
	}

	componentDidMount() {
	fetch('https://swapi.co/api/people')