Tulsi Prasad heytulsiprasad

⚛️

Overreacting

Doing something with React, React Native, Redux 🥑 | Frontend Innovater | Learn in Public 👋

heytulsiprasad / PaginateApp.js

Created July 28, 2024 14:08 — forked from joeljerushan/PaginateApp.js

React Pagination with Firebase FireStore - (Prev / Next Pagination)

	import React, { useState, useEffect } from 'react';
	// I'm using react-bootstrap for UI elements
	import { Table, Button, ButtonGroup } from 'react-bootstrap';
	// Firebase config
	import { getFirestore, collection, query, orderBy, limit, startAfter, endBefore, onSnapshot } from 'firebase/firestore';
	import { getApp } from 'firebase/app';

	export default function App() {
	const [list, setList] = useState([]);
	const [page, setPage] = useState(1);

heytulsiprasad / detect-zoom.js

Last active December 23, 2023 16:59 — forked from abilogos/detect-zoom.js

Differenciate between resizing for zoom or just window resizing

	//for zoom detection
	px_ratio = window.devicePixelRatio \|\| window.screen.availWidth / document.documentElement.clientWidth;

	function isZooming(){
	var newPx_ratio = window.devicePixelRatio \|\| window.screen.availWidth / document.documentElement.clientWidth;
	if(newPx_ratio != px_ratio){
	px_ratio = newPx_ratio;
	console.log("zooming");
	return true;
	}else{

heytulsiprasad / activealiases.sh

Created August 17, 2021 15:18 — forked from virajkulkarni14/activealiases.sh

List of active aliases on Oh my zsh

heytulsiprasad / semantic-commit-messages.md

Created October 9, 2020 20:14 — forked from joshbuchea/semantic-commit-messages.md

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

heytulsiprasad / upload.js

Created July 20, 2020 07:40 — forked from virolea/upload.js

Tracking file upload progress using axios

	upload(files) {
	const config = {
	onUploadProgress: function(progressEvent) {
	var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
	console.log(percentCompleted)
	}
	}

	let data = new FormData()
	data.append('file', files[0])

heytulsiprasad / mongoose-cheatsheet.md

Created July 14, 2020 16:20 — forked from subfuzion/mongoose-cheatsheet.md

mongoose cheatsheet

Definitely not comprehensive. This is meant to be a basic memory aid with links to get more details. I'll add to it over time.

$ npm install mongoose --save

const mongoose = require('mongoose');

heytulsiprasad / mongodb_cheat_sheet.md

Created July 11, 2020 19:00 — forked from bradtraversy/mongodb_cheat_sheet.md

MongoDB Cheat Sheet

show dbs