Skip to content

Instantly share code, notes, and snippets.

View Domains18's full-sized avatar
🎓
Learning Rust

Alpha User Domains18

🎓
Learning Rust
  • Nerds Catapult
  • Kenya
  • 19:49 (UTC +03:00)
View GitHub Profile
@Domains18
Domains18 / vite.config.js
Last active September 3, 2023 07:48
enabling use of js in vite instead of default jsx
import { defineConfig, transformWithEsbuild } from 'vite'
import react from '@vitejs/plugin-react'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
react(),
// Workaround
{
@Domains18
Domains18 / sidebar.tsx
Created January 22, 2023 16:26
sticy sidebar with tailwind css
import React, { useState } from 'react'
import { Link, useLocation } from 'react-router-dom'
import { BsArrowLeftCircle } from 'react-icons/bs'
import { BiStats } from 'react-icons/Bi'
import { FaChalkboardTeacher } from 'react-icons/Fa'
import { SiOpenaccess } from 'react-icons/si'
import { FaChild } from 'react-icons/Fa'
import { HiOutlineNewspaper } from 'react-icons/Hi'
import {FaRegNewspaper} from 'react-icons/Fa'
@Domains18
Domains18 / .eslintrc.json
Created April 23, 2023 10:13
FESLint with React gives `no-unused-vars` errors
{
"env": {
"browser": true,
"es6": true
},
"extends": [
"plugin:react/recommended"
],
"parserOptions": {
"ecmaFeatures": {
@Domains18
Domains18 / gist:b718f2b67f5030db81b0228a5f530efe
Last active January 12, 2024 12:54
temporary gist for cart screen
import React, { useState } from 'react'
import { Alert, Text, View, Image, Button, TouchableOpacity, TextInput, Modal, Pressable, ViewBase, ScrollView } from 'react-native'
import { useNavigation, NavigationProp } from '@react-navigation/native';
import { logo } from '../../assets/logo.png';
import profile from '../../assets/user.png';
import cart from '../../assets/bag.png';
import { styles } from './CartStyles'
import { styles as homeStyles } from '../Home/HomeStyles'
const Cart = () => {
@Domains18
Domains18 / context.tsx
Created October 13, 2023 12:06
React native use context
import React, { createContext, useContext, ReactNode } from 'react';
import { useStorageConcept } from './UseStorageConcept';
type cartItem = {
id: number;
quantity: number;
};
type shoppingCartContextType = {
getItemQuantity: (id: number) => number;
{"name":"sourcecodes","settings":"{\"settings\":\"{\\r\\n \\\"symbols.hidesExplorerArrows\\\": false,\\r\\n \\\"editor.inlineSuggest.enabled\\\": true,\\r\\n \\\"git.enableSmartCommit\\\": true,\\r\\n \\\"git.autofetch\\\": true,\\r\\n \\\"explorer.confirmDelete\\\": false,\\r\\n \\\"git.confirmSync\\\": false,\\r\\n \\\"github.copilot.enable\\\": {\\r\\n \\\"*\\\": true,\\r\\n \\\"plaintext\\\": true,\\r\\n \\\"markdown\\\": true,\\r\\n \\\"scminput\\\": false,\\r\\n \\\"typescriptreact\\\": true,\\r\\n \\\"cpp\\\": false,\\r\\n \\\"javascript\\\": true,\\r\\n \\\"javascriptreact\\\": true,\\r\\n \\\"typescript\\\": true,\\r\\n \\\"go\\\": false,\\r\\n \\\"haskell\\\": false,\\r\\n \\\"python\\\": true\\r\\n },\\r\\n \\\"editor.linkedEditing\\\": true,\\r\\n \\\"explorer.confirmDragAndDrop\\\": false,\\r\\n \\\"typescript.updateImportsOnFileMove.enabled\\\": \\\"always\\\",\\r\\n \\\"arduin
@Domains18
Domains18 / cartApi.js
Created July 31, 2025 21:27
implementation of the cart-to be deleted
'use strict';
import axios from 'axios';
/**
* Cart API Client using Axios
* Manages all interactions with the cart API endpoints.
*/
class CartApiClient {
{"name":"sourcecodes","icon":"wand","settings":"{\"settings\":\"{\\r\\n \\\"editor.inlineSuggest.enabled\\\": true,\\r\\n \\\"git.enableSmartCommit\\\": true,\\r\\n \\\"git.autofetch\\\": true,\\r\\n \\\"explorer.confirmDelete\\\": false,\\r\\n \\\"git.confirmSync\\\": false,\\r\\n \\\"files.exclude\\\": {\\r\\n \\\"**/.git\\\": true,\\r\\n \\\"**/.svn\\\": true,\\r\\n \\\"**/.hg\\\": true,\\r\\n \\\"**/CVS\\\": true,\\r\\n \\\"**/.DS_Store\\\": true,\\r\\n \\\"**/Thumbs.db\\\": true,\\r\\n \\\"**/node_modules\\\": true,\\r\\n \\\"**/.expo\\\": false,\\r\\n \\\"**/.expo-shared\\\": false,\\r\\n \\\"**/.nx\\\": true,\\r\\n \\\"**/.idea\\\": true,\\r\\n },\\r\\n \\\"editor.linkedEditing\\\": true,\\r\\n \\\"explorer.confirmDragAndDrop\\\": false,\\r\\n \\\"typescript.updateImportsOnFileMove.enabled\\\": \\\"always\\\",\\r\\n \\\"javascript.updateImportsOnFileMove.enabled\\\": \\\"always\\\",\\r\\n \\