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

femicodes

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:

femicodes

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

femicodes

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,

femicodes

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);
};

femicodes

Installing Postgres via Brew

Pre-Reqs

Brew Package Manager

In your command-line run the following commands:

1. brew doctor
2. brew update

femicodes

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

const App = () => {

femicodes

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

const App = () => {

femicodes

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) {

femicodes

import React, { Component } from 'react';

class App extends Component {

  state = {
    wars: [],
  }

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