Skip to content

Instantly share code, notes, and snippets.

View CyberSphinxxx's full-sized avatar
:shipit:
Focusing

John Lemar Gonzales CyberSphinxxx

:shipit:
Focusing
View GitHub Profile
https://www.canva.com/design/DAG6pdqK5zQ/LJ01wwGNX8DGjHwbZKACwA/edit
@CyberSphinxxx
CyberSphinxxx / Intro-to-Navigation-React.md
Created April 7, 2025 19:06
Introduction to Navigation in React

A Comprehensive Guide to Navigation in React with React-Router

What is Navigation in Web Applications?

Navigation is the process of moving between different sections or "pages" in a web application. In traditional web development, each page is a separate HTML file, and navigation triggers a full-page reload. However, modern React applications use a single-page application (SPA) model, where navigation updates the UI dynamically without reloading the entire page, creating a faster and smoother user experience.

How It Ties to Core Web Technologies:

  • HTML: Traditionally, <a> tags link to new pages, causing reloads. In SPAs, components replace this static approach.
@CyberSphinxxx
CyberSphinxxx / RandomNumGenWithRange.md
Created January 22, 2025 13:05
Random Number Generator within a Range

Random Number Generator within a Range

This snippet generates a random integer between a specified minimum and maximum range (inclusive). It uses JavaScript's Math.random() function combined with Math.floor() for the random number generation.

// Define the range
const minNum = 1;
const maxNum = 100;

// Generate a random integer within the range