Skip to content

Instantly share code, notes, and snippets.

View rahulmore01's full-sized avatar
💭
learning typescript

Rahul Ashok More rahulmore01

💭
learning typescript
View GitHub Profile
@rahulmore01
rahulmore01 / store.js
Created September 5, 2023 12:51
blog-redux file store.js
"use client";
import { configureStore } from "@reduxjs/toolkit";
import userReducer from "./features/userSlice";
const store = configureStore({
reducer: {
user: userReducer,
},
});
@rahulmore01
rahulmore01 / provider.js
Created September 5, 2023 12:59
blog-redux file provider.js
"use client";
import React from "react";
import { Provider } from "react-redux";
import store from "./Store";
const CustomProvider = ({ children }) => {
return <Provider store={store}>{children}</Provider>;
};
export default CustomProvider;
@rahulmore01
rahulmore01 / userSlice.js
Created September 5, 2023 13:06
blog- redux file userSlice.js
// userSlice.js
import { createSlice } from "@reduxjs/toolkit";
const initialState = {
userData: {},
loading: true,
error: null,
};
const userSlice = createSlice({
@rahulmore01
rahulmore01 / page.tsx
Created September 5, 2023 14:27
blog - navbar
"use client";
import React, { useState, useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import { setUserData, setLoading, setError } from "@/redux/features/userSlice";
import axios from "axios";
import Link from "next/link";
import { TbPencilMinus } from "react-icons/tb";
import SearchBar from "../searchBar/page";
import Image from "next/image";
@rahulmore01
rahulmore01 / page.tsx
Created September 5, 2023 14:41
blog- userInitial
import React, { useEffect, useState } from "react";
import { useSelector } from "react-redux";
import { setUserData } from "@/redux/features/userSlice";
const UserInitial = () => {
const userData = useSelector(setUserData);
const [user, setUser] = useState(null);
useEffect(() => {
setUser(userData.payload.user.userData.username);
}, []);
return (
@rahulmore01
rahulmore01 / route.ts
Created September 5, 2023 14:46
blog- get current loggedin user data api
import User from "@/models/userModel";
import { NextRequest, NextResponse } from "next/server";
import { connect } from "@/dbConfig/dbConfig";
import { getDataFromToken } from "@/helpers/jwt";
connect();
export async function GET(request: NextRequest) {
try {
const userId: any = await getDataFromToken(request);
@rahulmore01
rahulmore01 / useCounter.js
Created September 22, 2023 10:22
blog-counter
import { useState } from 'react';
function useCounter(initialValue = 0) {
const [count, setCount] = useState(initialValue);
const increment = () => {
setCount(count + 1);
};
const decrement = () => {
@rahulmore01
rahulmore01 / Counter.Js
Created September 22, 2023 10:29
counter.js
import React from 'react';
import useCounter from './useCounter';
function Counter() {
const { count, increment, decrement } = useCounter();
return (
<div>
<p>Count: {count}</p>
<button onClick={increment}>Increment</button>
@rahulmore01
rahulmore01 / layout.js
Last active January 4, 2024 02:22
react-hot-toast
import "./globals.css";
import { Inter } from "next/font/google";
import { Toaster } from "react-hot-toast";
const inter = Inter({ subsets: ["latin"] });
export const metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
@rahulmore01
rahulmore01 / toast.js
Created October 16, 2023 11:57
react-hot-toast
import { toast } from 'react-hot-toast';
function MyComponent() {
const handleButtonClick = () => {
toast.success('You did it!'); // Displays a success message
};
return (
<div>
<button onClick={handleButtonClick}>Show Success Toast</button>