Skip to main content

Frontendly.io

Blog

Learn essential frontend techniques

Select your interest

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
CSS Custom Media Queries

CSS Custom Media Queries

Learn CSS Custom Media Queries to efficiently manage and reuse media queries for responsive, modern web development

media queries
mixins
responsive
sass
CSS Modules

CSS Modules

Discover how CSS Modules combined with OOCSS/BEM enhance web development, offering a balanced approach to creating maintainable and streamlined UI.

css
css modules
nextjs