https://www.youtube.com/watch?v=D7lDiFWF_vA&t=225s MONGODB_URI = mongodb+srv://vercel-admin-user:J GGYGYY6R5654564@user123.jhb7x1ry.mongodb.net/yourd…

routes  < Routes > < Route path = "/" element = { < Home /> } /> < Route path = "/login" e…

https://dev.to/itswillt/folder-structures-in-react-projects-3dp8

https://reactnavigation.org/docs/material-top-tab-navigator example -  https://reactnavigation.org/docs/tab-based-navigation import React from "r…

const accessToken = new AccessToken ( TWILIO_ACCOUNT_SID , TWILIO_API_KEY , TWILIO_API_SECRET , );     you have to p…

261 For React 16.8+ you can use the  Effect Hook  in function components: import React , { useEffect } from 'react' ; function Example ( ) {…

.env variable name should start with  REACT_APP_YOURVARIABLENAME REACT_APP_API_URL https://create-react-app.dev/docs/adding-custom-environment-variables/

useEffect (() => { const handleResize = () => { if ( window . innerWidth < 680 ) { setIsSidebar…

your code (randomShorts(8) - generate 8 character random strings) < Link href = { `/shorts/ ${ randomShorts ( 8 ) } ` } classNa…

warn Attempted import error: './header.module.scss' does not contain a default export (imported as 'headerStyles'). import headerStyle…

moment(1627451151130).format('MMMM D, YYYY') 'July 28, 2021'

npm-check-updates The tool we are going to use is called  npm-check-updates . You can find a full list of commands and flags  here , but the quick steps…

let arr = [2,3,8,9,1]; let newarr=[]; for(let i =0 ; i < arr.length; i++){     newarr.push(arr[arr.length -i-1]);      } console.log(newarr)

const [ isBookingDone , setIsBookingDone ] = useState ( false ); const [ isError , setIsError ] = useState ( false ); const [ errorMessage , …

let bodyDate = moment ( "2022-05-10" , "YYYY-MM-DD" , true ); let todayDate = moment ( moment (). format ( "YYYY-MM-DD&quo…

const getDate = ( date ) => { let currentMonth = date . getMonth () + 1 ; let currentDay = date . getDate (); if ( cu…

useEffect (() => { const loadPost = async () => { // Till the data is fetch using API // the Loading pag…

import { FaBeer } from 'react-icons/fa' ; < FaBeer style = { { fill : 'white' } } size = { 30 } />

Using npm: To allow cross-origin requests install 'cors': npm i cors Add this in the server-side: let cors = require ( "cors" ); app.…