Zain Sajjad zsajjad

👊

Always Exploring

Anchoring tech for better tomorrow!

zsajjad / lefthook.yml

Last active May 14, 2025 09:10

Lefthook for React/ReactNative apps

	// cSpell:word commitlint typecheck

	pre-commit:
	parallel: true
	commands:
	type-check:
	glob: '*.{ts,tsx}'
	run: yarn typecheck
	lint:
	glob: '*.{js,ts,jsx,tsx}'

zsajjad / interactions.js

Created January 19, 2020 20:45

React 360 Step 3: Interactions

	export default class soccerVR extends React.Component {
	render() {
	return (
	<View style={styles.panel}>
	<View style={styles.logosContainer}>
	{/* Iterating over CLUBS and rendering content */}
	{CLUBS.map(club => (
	<VrButton
	key={club.id}
	onClick={() => console.log("Click")}

zsajjad / content.js

Created January 18, 2020 12:04

React 360 Step 2: Images & Text


	const CLUBS = [
	{
	id: "manutd",
	name: "Manchester United",
	logoUrl: "https://i.ibb.co/mBnCHjY/manUtd.png"
	},
	{
	id: "barcelona",
	name: "Barcelona",

zsajjad / layout.js

Created January 18, 2020 11:45

React 360 Step 1: Layout


	export default class soccerVR extends React.Component {
	render() {
	return (
	<View style={styles.panel}>
	{/* This container will align all logos in center as row */}
	<View style={styles.logosContainer}>
	{/* Each view will have logo and name of club */}
	<View style={styles.logoHolder} />
	<View style={styles.logoHolder} />

zsajjad / HookContainer.js

Created July 1, 2019 22:35

Hook based Container with children props

	/*
	*
	* HackerNews
	*
	*/

	import React from 'react';
	import PropTypes from 'prop-types';
	import { useSelector, useDispatch, shallowEqual } from 'react-redux';
	import { createStructuredSelector } from 'reselect';

zsajjad / ClassContainer.js

Created July 1, 2019 22:24

Class based Container with children props

	/*
	*
	* HackerNews
	*
	*/

	import React from 'react';
	import PropTypes from 'prop-types';
	import { connect } from 'react-redux';
	import { createStructuredSelector } from 'reselect';

zsajjad / fritzStyleModel-Usage.js

Created March 19, 2019 21:55

	poppyField.style({
	imagePath: 'https://farm9.staticflickr.com/8295/8007075227_dc958c1fe6_z_d.jpg',
	}).then((resp) => {
	this.setState((state) => ({
	styledImagePath: state.styledImagePath.concat([resp.imagePath]),
	}));
	}).catch((err) => {
	console.log(err);
	});

zsajjad / fritz.js

Created March 19, 2019 16:09

	import RNFritz from 'react-native-fritz';

	RNFritz.configure();

zsajjad / frtizStyleModel.js

Last active March 19, 2019 21:54

Method to create & use JS instance of fritz builtin styling model

	import { RNFritzVisionImageStyling } from 'react-native-fritz';

	const poppyField = await RNFritzVisionImageStyling({
	name: 'poppyField',
	customModel: false,
	});

zsajjad / frtizStyleModel.js

Last active March 16, 2019 16:58

Method to create JS instance of fritz styling model

	import { RNFritzVisionImageStyling } from 'react-native-fritz';

	const darkKnights = await RNFritzVisionImageStyling({
	name: 'darkKnights',
	modelIdentifier: '55cdc02f89174e1c8458690d5b8621ae', // Your model identifier here
	customModel: true,
	modelVersion: 1,
	});