Helpful links and solutions to various coding problems that I come across during day to day coding.
- Best Practices for Naming REST API Endpoints
- What Is a CORS Error and How to Fix It (3 Ways)
- How to Write Good API Documentation
- Forbidden, Unauthorized, or What Else?
- Learn REST API Design
- API Design Cheat Sheet
- The 8 Most Widely Used API Protocols You Should Know
- API versioning
- {JSON} Placeholder - Free fake and reliable API for testing and prototyping
- Hide scroll bar, but while still being able to scroll
- Media Queries - In between two widths
- Rollover one element, and make another element visible
- Inverted Border Radius of View in React Native (General CSS Question)
- Convert rem to px (Online tool)
- Check browser window size
- Navbar with background blur
- How to set Max Character length in CSS (5 Ways)
- Text not wrapping in paragraph element
- Div disappears on positioning it fixed
- How can I increase a scrollbar's width using CSS?
- How to Link CSS to HTML – Stylesheet File Linking
- :first-child
- Responsive Text CSS
- CSS to turn image into black and white with no grays
- CSS Browser Compatibility: Fixes & Hacks
- How can I style even and odd elements?
- Git Cheatsheet
- How to Prevent Merge Conflicts (or at least have less of them)
- How to remove node_modules folder
- What "Remote Origin Already Exists" Error Means and How To Fix It
- How to uncommit my last commit in Git? (git reset ... commands)
- How do I configure git to ignore some files locally?
- Make sure you configure your 'user.name' and 'user.email' in git bitbucket
- How do I create a new branch based on the current HEAD in Git?
- Moving changed files to another branch for check-in/Transfer a set of changes to a different branch in git
- How do I check if a variable is an array in JavaScript?
- How do I delete a local branch in Git?
- Git List Branches – How to Show All Remote and Local Branch Names
- How to know the git username and email saved during configuration?
- Create new branch in Git:
git checkout -b branch-name - What does the -M mean in git branch -M main?
- How do I delete a Git branch locally and remotely?
- Please enter a commit message to explain why this merge is necessary, especially if it merges an updated upstream into a topic branch
- git stash - Save the Uncommitted Changes Locally
- View git history of specific line
- Is it possible to delete a pull-request on BitBucket?
- How do I fetch all Git branches?
- How do I revert a Git repository to a previous commit?
- How do I delete a Git branch locally and remotely?
- How do I change the URI (URL) for a remote Git repository?
- How to determine the URL that a local Git repository was originally cloned from?
- Git: Set local user.name and user.email different for each repo
- Delete username from a Git repository
- Creating a branch to work on an issue
- How to resolve fatal: Authentication failed for git (bitbucket)
- View app statistics
- How can I check statistics to see which app versions are currently installed by users?
- Open Testing vs. Straight Production Launch
- Google Play: Beta release to Production release
- Prepare and roll out a release
- Reviews are not displayed in Google Play
- How do I rename an app?
- How to make
input type="file" /accept only these types? - Prevent div from taking 100% width
- h1 to next line html (line break/br tag)
- What does the HTML image decoding async attribute do and how can it help us to improve performance?
- What is aria-label and how should I use it?
- What is the difference between aria-label and title attributes?
- Custom bullet symbol for li elements in ul that is a regular character, and not an image
- How to make input type= file Should accept only pdf and xls?
- How to Create Mailto Links?
- How to parse html to React component?
- Removing bullets from unordered list
- Safari ignores mp4 files
- DOCTYPE HTML. Why it is important?
- The importance of Semantic HTML
- How to Use ARIA Roles and Properties Effectively?
- async vs defer attributes
- Understanding quirks and standards modes
- Embed YouTube video - Refused to display in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'
- Tell me about an interesting project you worked on.
- I Used to Suck at Coding Interviews. Then I Quadrupled My Salary.
- ReactJS Scenario-Based Questions
- ReactJS Scenario-Based Questions - Answers
- Convert a string to a number in JavaScript
- Map only a portion of an array? (Array.map())
- How to Remove an Element from an Array by ID in JavaScript?
- How to insert an item into an array at a specific index?
- Getting a random value from a JavaScript array
- Difference between forEach() and map()
- How to Reverse an Array in JavaScript – JS .reverse() Function
- Write backslash (\) in JavaScript
- Check if a variable is a string in JavaScript
- localStorage is not defined error showing
- Capitalize First Letter – How to Uppercase the First Letter in a Word with JS
- How to slice string from the end in JavaScript?
- How to concatenate/combine the elements of a sub array and a parent array? Array.flat()
- Check whether an object has the specified property as its own property
hasOwnProperty() - How to pull url file extension out of url string using javascript?
- Length of a JavaScript object
- Check if a value is an object in JavaScript
- Check if each item in an array is identical in JavaScript
- Any difference between await Promise.all() and multiple await?
- How to jump to top of browser page
- Where should I put
<script>tags in HTML markup? - HTML DOM Document createElement()
- How can I add a key/value pair to a JavaScript object?
- JavaScript Prototype
- What is the difference between
.prototypeand.__proto__? - Understanding JavaScript Event Delegation
- What is a closure? Example use cases in JavaScript and React
- Immediately Invoked Function Expressions (IIFEs) in JavaScript: A Comprehensive Guide
- Function Declaration vs Function Expression
- Deep Copy in JavaScript: A Custom Implementation
- Difference between microtask and macrotask within an event loop context
- JavaScript AbortController
- JavaScript Visualized: Prototypal Inheritance
- What is currying and how does it work?
- Difference between Return and Break statements
- How to remove lines between cells in MUI Table
- When should I use style instead of sx prop in Material-UI?
- Warning: Failed prop type: Invalid prop
childrensupplied toForwardRef(Tooltip). Expected an element that can hold a ref. Did you accidentally use a plain function component for an element instead? - Importing a MaterialUI theme from another file correctly (adding dark mode support with createTheme())
- Change TextField font color in MUI
- How to remove border in textfield fieldset in material ui?
- Material UI Textfield Can't Change Font Size for Multiline
- MUI Divider Thickness/changing width or height
- How can I center-align Material-ui TextField text?
- How can I remove line/border above the accordion of Material UI?
- Material-UI Grid Item height/same height
- Material-ui drawer width issue
- Customizing disabled button color with Material UI (MUI)
- index.js:1 Warning: React does not recognize the endAdornment prop
- MUI pagination doesn't move to top/Table scroll to top of new page
- How to make a material ui modal scrollable?
- Change background color of dialog in mui
- Change TextField font color in Material UI?
<TextField sx={{ input: { color: 'red' } }} /> - How to set border radius in Dialog Material ui?
- How to add a serial number to every row in MUI DataGrid?
- Set Dialog width/maxWidth in Material UI
- How to disable a Textfield in Material UI?
- Material UI Checkbox Tutorial and Examples
- How can I change the font size of the label in FormControlLabel?
- Increase size/fontsize of icons in MUI
- Display 'No Rows' message after applying filter in MUI DataGrid
- Cannot set padding to 0 on Material UI Button
- Display 'No Rows' message after applying filter in MUI DataGrid
@mui/labLoadingButton error in latest release- How to remove the border of the Material UI Select component?
- Material-UI v5 Datepicker - expand to the full width of its parent
- MUI Select component doesn't display placeholder or label props
- MUI Tabs
- Text Area in material-ui
- Debugging Safari/Chrome on your iPhone/iPad/iOS device
- PowerShell says "execution of scripts is disabled on this system."
- How to install ffmpeg on Windows?
- Change cursor from block or rectangle to line?
- How To Convert SRT to TXT?
- No "App passwords" under "Security" -> "Signing in to Google" panel
- Error : "Could not connect to any servers in your MongoDB Atlas cluster"
- Comparing mongoose _id and strings/object id
- How to add (push) items into mongo array via mongoose?
- How to remove (pull) items from mongo array via mongoose?
- How to update a field in mongoose?
- How to Use findOneAndUpdate() in Mongoose
- Convert ObjectID (Mongodb) to String in JavaScript
- Mongoose use of .select() method
- mongoose auto completion not work in vscode
- How to pass query parameters from useRouter()
- How to create-next-app using version 12 instead of version 13
- The default export is not a React Component in page: "/" NextJS
- Built-in CSS support (global.css in Next.js)
- How to Set port in next.js? (In package.json and via terminal - Yarn
- Server Error ReferenceError: window is not defined node_modules/webfontloader/webfontloader.js
- Server Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined
- NextRouter was not mounted Next.JS (migrating from the pages directory)
- Next.js 13 - ReferenceError: location is not defined
- How to Fix "localStorage is not defined" in Next.js?
- Invalid src prop ('here is a link') on
next/image, hostname "localhost" is not configured under images in yournext.config.js - Dynamic Routes (Next.js 13)
- How to Implement Nested Dynamic Routes In NextJS?
- How to add a favicon to a Next.js static site?
- How to pass object as params in Router.push() in nextjs and access that object in other component?
- How to apply different color in AppBar Title Material UI?
- Module not found: Can't resolve 'encoding' './node_modules/node-fetch/lib/index.js'
- How to set the next/image component to 100% height?
- Upload files in Next.js with Edgestore
- Nextjs installing react using yarn by default. Install Next.js using yarn
- Parsing error : Cannot find module 'next/babel'
- How can I run a node server with a next.js application?
- Custom server in Next.js
- Is it possible to make an app with next.js and an another server for backend application and be always good for SEO performances?
- How to hide navbar header in login page in nextjs? (layout)
- Get URL router pathname in nextjs 13 and 14
- Location is not defined error in React + Next.js
Uncaught TypeError: destroy is not a function- Build a Search Bar with Next.js and Prisma (Search API endpoint)
- pnpm dev Error: UNKNOWN: unknown error
- Can I configure multiple image hostnames in next.config.js (Next.js)?
- NextJS Image component with fixed witdth and auto height
- Using MDX with NextJS 13 returning useContext error
- Missing Suspense boundary with useSearchParams
- How Can i disable Link href="" component in Next.js on various conditions?
- Loading Environment Variables
- Next.js build failed - Error: Collecting page data for / is still timing out after 2 attempts.
- How to set page title and description if page is "use client" ?
- How to modify request headers in Next.js
- How can I to hide nav and footer for my login and signup page in Next js 13
- How to set the next/image component to 100% height?
- How Can i disable
Link href=""in next JS on various conditions? - Displaying a Leaflet Map in NextJS
- How to set document's title per page?
- Error: Cannot find module 'ejs'
- Path must be absolute or specify root to
res.sendFile[failed to parse JSON] nodemoncommand is not recognized in terminal for node js serverreq.cookiesis undefined- Using dotenv package to create environment variables
- SyntaxError: Unexpected token 'export'
- TypeError: Cannot destructure property 'userId' of 'req.body' as it is undefined
- What is the Difference Between GET and POST Methods?
- How To Use EJS to Template Your Node Application?
- Getting form data in node js:undefined error while submitting form
- Undefined process.env variable with dotenv and nodejs
- Determine project root from a running node.js application (
require('path').resolve('./')) - Error: EEXIST: file already exists when output directory already exists
- Node.js (with express & bodyParser): unable to obtain form-data from post request
- "NODE_ENV" is not recognized as an internal or external command, operable command or batch file
- Add nodemon as a dev dependency
- Compare passwords using bcrypt
- How set multiple cookies with res.cookie(key, value) on NodeJS?
- Set an expire time in cookie with res.cookie
- Why is JWT token 'expires in' not removing the cookie from the browsers cache?
- How to add query parameters to router.get?
- JWT Error: invalid expiresIn option for string payload
- JsonWebTokenError: jwt malformed
- Delete User and Logout that user from all Devices
- jwt must be provided
- bcrypt Error: data and hash arguments required
- How to make remote REST call inside Node.js? (Nested API call)
- How to I Change node version in windows?
- How to add product to Shopping Cart with nodejs express and mongoose?
- Error: secretOrPrivateKey must have a value
- Postman: Connect ECONNREFUSED 127.0.0.1:5005
- File Handling in NodeJS
- How Versioning Works in NodeJS?
- 'nvm' is not recognized as an internal or external command Windows
- An Absolute Beginner's Guide to Using npm
- Yarn - There appears to be trouble with your network connection. Retrying
- How to add a dev dependency using yarn?
- Answer:
yarn add nodemon -D
- Answer:
- How to increase the timeout for
yarn install?
react-elastic-carousel- YouTube Tutorial
- Infinite looping of children - As the carousel ends, how to bring it back to the first element?
- Next 13.0.5: React-pdf error Module not found: Can't resolve 'canvas'
- How to use React PDF viewer with NextJS?
- Could not install packages due to an OSError: WinError 2 No such file or directory
- How to get the ASCII value of a character?
- for i in range()
- React class in global.css is undefined
- How to use SVGs in React
- Uncaught Error: The
styleprop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX. - How to remove and element from an array onClick?
- How can i target a specific item of list on hover in React?
- 2 Ways to Render HTML Content in React and JSX
- 10 ReactJS Coding Challenge (💥Coding Interview Prep💥)
- 3 Coding Interview Challenges for Mid-level React Developers
- Why should we not update the state directly? - It won't re-render the component
- 'react-scripts' is not recognized as an internal or external command
- How to detect if capslock key is pressed in password input field? (Caps Lock in React: Tips and Tricks for User-Friendly Form Design)
- "vite is not recognized ..." on "npm run dev"
- Correct way to push into state array
- How to post query parameters with Axios?
- How do you set the document title in React?
- Vite 3.0 vs. Create React App: Comparison and migration guide
- React Element vs Component
- What is the virtual DOM in React?
- useMemo or useCallback which should I use?
- How is Virtual DOM faster even when it takes additional steps to create a DOM and compare it!?
- How do you handle asynchronous data loading in React applications?
- React Context API Explained with Examples
- How to identify and fix memory leaks in react?
- Server Side Rendering in JavaScript – SSR vs CSR Explained
- Stop worrying about React Re-renders so much (an overview of the react profiler with refactoring)
- Should you use Expo or Bare React Native?
- Scroll View inside view not working react native
- Applying box shadows in React Native
- How to get a versionName in react-native app on Android?
- How to display a Hyperlink in React Native App?
- Displaying external SVG image from URL in react native
- How to Fix ‘VirtualizedLists should never be nested inside plain ScrollViews’ Warning?
- Animated:
useNativeDriverwas not specified. This is a required option and must be explicitly set totrueorfalse(Related to SideMenu component) - How to solve lagging drawer problem
- Optimizing list render performance in React Native
- Excessive number of pending callbacks: 501 (TouchableOpacity issue)
- Invariant Violation: requireNativeComponent: "GestureHandlerRootView" was not found in the UIManager.
- How to combine multiple inline style objects? Ans.
<View style={[styles.base, styles.background]} /> - What is the difference between Expo and React Native?
- line spacing text react native
- Hide scrollbar in FlatList (React Native) in Android
- Can't connect my Android Phone in Expo React Native Project
- How to Solve Expo Error: Failed to connect to /192.168.1.4 (port 8081) after 10000ms
- Hide scrollbar (horizontal or vertical) in ScrollView
- Change font family of TextInput (React Native)
- Change font family of DropDown list items (React Native)
- How to set
text to upper case in react native - Invariant Violation: requireNativeComponent: "RNSVGSvgViewAndroid" was not found in the UIManager
- Error: Style property 'shadowOffset' is not supported by native animated module
- Issue when downloading files on Android builds running expo-dev-client
- Error While Updating property "edges" of a view managed by RNCSafeAreaView in react native
- Expo SDK update from 42 to 46 - a lot work? - Upgrade Expo version
- (react-native-svg Error) "Tried to register two views with the same name RNSVGRect"
- Expected package @expo/config-plugins@~7.2.2 Found invalid: @expo/config-plugins@5.0.4
- Expected package, Found invalid when running expo doctor
- Invariant Violation: requireNativeComponent: "RNSVGSvgViewAndroid" was not found in the UIManager
- You can't rollout this release because it doesn't allow any existing users to upgrade to the newly added app bundles
- Restricted in strict mode, js engine: hermes (React Native + Axios 1.0.0)
- EAS build RNCWebView not found
- I am trying to install eas cli and am getting the error: zsh: command not found: eas
- How to tell if your Android app has been approved by Google and can be rolled out on Google Play for initial public launch?
- Internal testing in Google Play doesn't send out emails
- Add usesClearTextTraffic = true on expo-react-native
- ERROR: JAVA_HOME is not set and no 'java' command could be found in your flutter PATH
- What is the difference between "npm start" and "react-native run-android" deployments?
- SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable
- Failed to launch emulator. Reason: No emulators found as an output of
emulator -list-avdsin React native - Showing list empty message at the center of the screen in a FlatList using ListHeaderComponent
- 'react-native' is not recognized as an internal or external command, operable program or batch file
- What is metro bundler in react-native?
- Android 13 - How to request WRITE_EXTERNAL_STORAGE
- Error: Download manager failed to download from Status Code = 16
- Invalid value for visibility: 2
- Network Security
- React Native Build Process: A Step-by-Step Guide
- How to Run React Native CLI App on Real Android Device
- How to update version number of react native app
- Accessibility - React Native
- Getting @RNC/AsyncStorage: NativeModule: AsyncStorage is null. when running jest
- Efficient Network Communication: Best Practices for Handling API Calls in React Native
- Introduction to robots.txt
- Personal Website with React - Adding robots txt for SEO Optimization
- Links do not have descriptive text
- The System Design Primer
- Consistent Hashing Explained
- System Design: Latency vs Throughput
- Performance Vs Scalability
- Do you have too many microservices? - Five Design Attributes that can Help
- How to Avoid Single Point of Failures?
- What’s the Difference Between Monolithic and Microservices Architecture?
- What is a Content Delivery Network?
- Animated loading spinner in 60 seconds - Tailwind CSS
- Skeleton in Tailwind CSS
- How to add a style on a condition in tailwind css?
- Add both !important & selector strategy for tailwind configuration
- Tailwind: !important & Selector Guide
- How do you type an error property in a catch block in TypeScript?
- Fix error related to "Types must be imported using a type-only import when 'verbatimModuleSyntax' is enabled"
- 'unknown' vs. 'any'
- TypeScript’s any vs unknown vs never: Complete Guide
- TypeScript Interview Questions + Answers (With Code Examples)
- Next.js: "Cannot find module or type declarations for side-effect import of './globals.css'" ts(2882)
- Cannot use JSX unless the '--jsx' flag is provided
- Remove/delete unused imports and declarations: Press
Alt + Shift + O(Windows) - Prettier formatter on save not working
- Collapse (fold/unfold) all methods/functions in Visual Studio Code
- How To Format Code with Prettier in Visual Studio Code?
- Key binding to wrap a selection with an html tag in VSCode
- How to find folder in VS Code?
- 10 Best Practices for Creating Sign-up Forms
- Best UX practices for search interface
- Disable same origin policy in Chrome
- 8 UI/UX tips about password design
- How to Write a Perfect Error Message
- What is the difference between WCAG A, AA and AAA?
- The Software Architecture Handbook
- What is Debugging? How to Debug Your Code for Beginners
- Interpreter Vs Compiler : Differences Between Interpreter and Compiler
- Paginated vs Virtualized list
- Changing WordPress login information (email, password) from cPanel/Hpanel
- WordPress - blog post title font massive, how do we change
- Should I use an A record or a CNAME for a wildcard subdomain?
- Put shortcode on Elementor (WordPress)
- Clear WP Rocket cache
- Exclude pages from the cache and optimizations - WP Rocket
- Posts widget vs Archive Posts widget
- How To Hide A Section Or Widget In Elementor? (The Easy Way)