Skip to content

Instantly share code, notes, and snippets.

View Usamaliaquat123's full-sized avatar
🥇
Street developer

Usama Liaquat Usamaliaquat123

🥇
Street developer
View GitHub Profile
import {StyleSheet} from 'react-native';
import {colors} from '@theme';
import {
widthPercentageToDP as wp,
heightPercentageToDP as hp,
} from 'react-native-responsive-screen';
const styles = StyleSheet.create({
header: {
padding: wp(3),
flexDirection: 'row',
@Usamaliaquat123
Usamaliaquat123 / chat.tsx
Created September 9, 2021 10:57
chat component
import * as React from 'react';
import {
View,
StyleSheet,
Text,
Image,
TouchableOpacity,
Modal,
} from 'react-native';
import {connect} from 'react-redux';
<View>
<Text style={styles.headingContainer}>Sign up</Text>
{/* inputs container */}
<View style={styles.inputsContainer}>
{/* Email Container */}
<Text style={styles.emailTextContainer}>Email</Text>
<View style={[styles.inputContainer]}>
<TextInput
style={styles.authInputs}
value={this.state.username}
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
//CSS
}
import CardStackStyleInterpolator from 'react-navigation/src/views/CardStack/CardStackStyleInterpolator';
import { Animated, Easing, Platform } from 'react-native';
const {
forHorizontal,
forVertical,
forFadeFromBottomAndroid,
forFade,
} = CardStackStyleInterpolator;
"prete lnt jst ": {
"prefix": "lipj",
"body": [" \"prettier\" : {\r\n \"printWidth\": 120,\r\n \"semi\": false,\r\n \"singleQuote\": false,\r\n \"bracketSpacing\": true\r\n },\r\n \"jest\" : {\r\n \"transform\": {\r\n \"^.+\\\\\\\\.tsx?$\":\"<rootDir>\/node_modules\/ts-jest\/pre-processor.js\"\r\n },\r\n \"testRegex\": \"(.test)\\\\\\\\.(ts|tsx)$\",\r\n \"moduleFileExtensions\": [\r\n \"ts\",\r\n \"tsx\",\r\n \"js\",\r\n \"jsx\",\r\n \"json\"\r\n ]\r\n },\r\n \"lint-staged\" : {\r\n \"*.json\" : [\r\n \"yarn prettier --write\",\r\n \"git add\"\r\n ],\r\n \"*.ts\" : [\r\n \"tslint --write\",\r\n \"yarn prettier --write\",\r\n \"git add\" \r\n ],\r\n \"*test.ts\": [\r\n \"jest -u\"\r\n ],\r\n \"*.md\" : [\r\n \"yarn prettier --write\",\r\n \"git add\"\r\n ]\r\n
@Usamaliaquat123
Usamaliaquat123 / hyper config
Created December 5, 2019 11:35
Hyper configuration on development enviroment
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.
module.exports = {
config: {
// choose either `'stable'` for receiving highly polished,
// or `'canary'` for less polished but more frequent updates
updateChannel: 'stable',
import React, { Component } from "react";
import * as Progress from "react-native-progress";
import {
Text,
TouchableOpacity,
View,
ScrollView,
RefreshControl
} from "react-native";
import Dataset from "impagination";
@Usamaliaquat123
Usamaliaquat123 / generateComponentData.js
Created October 21, 2018 19:22
Auto generator of components docs of react 🎉
var fs = require('fs');
var path = require('path');
var chalk = require('chalk');
var parse = require('react-docgen').parse;
var chokidar = require('chokidar');
var paths = {
examples: path.join(__dirname, '../src', 'docs', 'examples'),
components: path.join(__dirname, '../src', 'components'),