Skip to content

Instantly share code, notes, and snippets.

View Lahirutech's full-sized avatar

Lanka Rathanyaka Lahirutech

10 followers · 10 following
View GitHub Profile
@Lahirutech
Lahirutech / bitlyApicall.tsx
Created March 21, 2024 09:21
import { useState } from 'react'
import './App.css'
export default function App() {
const [url, setUrl] = useState("")
const [shurl, setShUrl] = useState("")
// https://api-ssl.bitly.com/v4/shorten
@Lahirutech
Lahirutech / fetchapi.ts
Created March 8, 2024 04:18
Fetch using fetch api
import { useEffect } from 'react'
import './App.css'
export default function App() {
const FetachData = async (uri: string): Promise<any[]> => {
try {
const resp = await fetch(uri)
if (!resp.ok) {
throw new Error(resp.statusText)
@Lahirutech
Lahirutech / FetchApi.tsx
Created March 8, 2024 04:17
fetch Using Axios
import axios from 'axios'
import { useEffect } from 'react'
import './App.css'
// https://jsonplaceholder.typicode.com/posts
export default function App() {
const FetchAPI = async (url: string): Promise<any> => {
try {
const response = await axios.get(url)
@Lahirutech
Lahirutech / gist:ebd5a17d56343db690b263865812a6dc
Created December 8, 2023 08:45
import { Document, Model } from "mongoose";
import * as Mongoose from "mongoose";
const postSchema = new Mongoose.Schema({
name: {
type: String,
required: true,
},
});
@Lahirutech
Lahirutech / filter.ts
Created February 6, 2023 16:18
function searchObjectArray(players, searchString, keys) {
return players.filter(player => {
return keys.some(key => {
return getValueFromKey(player, key).toString().toLowerCase().includes(searchString);
});
});
}
function getValueFromKey(object, key) {
return key.split(".").reduce((o, i) => o[i], object);
@Lahirutech
Lahirutech / theme.ts
Created February 5, 2023 16:41
import { Roboto } from '@next/font/google';
import { createTheme } from '@mui/material/styles';
import { red } from '@mui/material/colors';
export const roboto = Roboto({
weight: ['300', '400', '500', '700'],
subsets: ['latin'],
display: 'swap',
fallback: ['Helvetica', 'Arial', 'sans-serif'],
});
@Lahirutech
Lahirutech / _app.tsx
Created February 5, 2023 16:03
import * as React from 'react';
import '@/styles/globals.css';
import Head from 'next/head';
import { AppProps } from 'next/app';
import { ThemeProvider } from '@mui/material/styles';
import CssBaseline from '@mui/material/CssBaseline';
import { CacheProvider, EmotionCache } from '@emotion/react';
import theme from '../theme';
import createEmotionCache from '../createEmotionCache';
@Lahirutech
Lahirutech / createEmotionCache.tsx
Created February 5, 2023 15:25
import createCache from '@emotion/cache';
const isBrowser = typeof document !== 'undefined';
// On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
// This assures that MUI styles are loaded first.
// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
export default function createEmotionCache() {
let insertionPoint;
@Lahirutech
Lahirutech / _document.tsx
Created February 5, 2023 09:21
import * as React from 'react';
import Document, { Html, Head, Main, NextScript } from 'next/document';
import createEmotionServer from '@emotion/server/create-instance';
import theme, { roboto } from '../theme';
import createEmotionCache from '../createEmotionCache';
export default class MyDocument extends Document {
render() {
return (
<Html
@Lahirutech
Lahirutech / currying.jsx
Created January 29, 2023 10:23
import React, { useState } from 'react';
function MyComponent() {
const [firstName, setFirstName] = useState('');
const [lastName, setLastName] = useState('');
// This function is curried and it's a closure because it has access to the setFirstName and setLastName functions
// which are defined in the parent scope
const handleChange = (setter) => (event) => {
setter(event.target.value);
};
return (