Skip to main content

Frontendly.io

Blog

Learn essential frontend techniques

Select your interest

Variable Fonts Animation with Music Frequency

Variable Fonts Animation with Music Frequency

Discover how to create dynamic, music-responsive typography with variable fonts.

animation
css
google fonts
music
variable fonts
Event Loop & Concurrency Model – Task Queue – How the JS Engine Works – Part 3/6

Event Loop & Concurrency Model – Task Queue – How the JS Engine Works – Part 3/6

Master JS async concurrency model with Web API, task queue, and event loop in the JS Runtime Environment through coding examples

concurrency model
event loop
javascript
js engine
React Compiler – What, Why & How?

React Compiler – What, Why & How?

Discover how the React Compiler optimises apps by auto-memoizing code, eliminating the need for useMemo, useCallback, and React.memo, ensuring more efficient updates.

memo
nextjs 15 rc
react compiler
usecallback
usememo
Generics in TypeScript

Generics in TypeScript

Discover the power of generics in TypeScript, and how they boost flexibility and type safety in your code through practical examples and clear explanations.

generics
stack
typescript
Nth Fibonacci Number

Nth Fibonacci Number

Discover how to calculate the Fibonacci sequence using both iterative and recursive approaches, and optimise recursion with memoization for improved efficiency.

algorithm
interview
memoization
Call Stack & Execution Context – How the JS Engine Works – Part 2/6

Call Stack & Execution Context – How the JS Engine Works – Part 2/6

Explore how the call stack and execution context function with clear, practical examples.

interview
js engine
Responsive Card Grid Layout

Responsive Card Grid Layout

Explore creating a responsive card grid with detailed examples.

card grid
responsive
Singly Linked List & Array Methods

Singly Linked List & Array Methods

Dive into Singly Linked Lists: methods, complexities, and tech interview prep with this comprehensive guide.

data structure
interview
javascript
linked lists
Understanding Memory Heap & Memory Leaks  – How the JS Engine Works – Part 1/6

Understanding Memory Heap & Memory Leaks – How the JS Engine Works – Part 1/6

Learn JS synchronous nature, asynchronous programming, memory leaks and Memory Heap.

async
interview
js engine
memory heap
SSG, SSR, ISR, CSR Rendering Strategies in NextJS

SSG, SSR, ISR, CSR Rendering Strategies in NextJS

Dive into how SSG, SSR, ISR, and CSR in NextJS can boost performance and efficiency.

csr
data fetching
isr
nextjs
rendering
ssg
ssr
Parallax Effect with CSS Custom Properties – The Hobbit

Parallax Effect with CSS Custom Properties – The Hobbit

Discover how to craft parallax effects with CSS custom properties and rotate3d, enhancing your web designs by understanding CSS stacking context.

css custom properties
parallax
stacking context
Valid Parentheses (JavaScript & Python)

Valid Parentheses (JavaScript & Python)

Learn the ‘Valid Parentheses’ algorithm: Step-by-step guide in JavaScript (Python solution too) for your next interview

algorithm
interview
leetcode
Debounce in JavaScript

Debounce in JavaScript

Learn how to write your own debounce function, a crucial skill for your next JS interview.

debounce
interview
javascript
settimeout
Recursion (with Common Interview Questions)

Recursion (with Common Interview Questions)

Learn recursion with clear examples with common interview questions and enhance your programming skills effectively.

hackerrank
interview
javascript
recursion
Server and Client Component – NextJS

Server and Client Component – NextJS

Dive into NextJS’s server and client components: understanding their key features and collaborative functionality.

client
nextjs
server