~hackernoon | Bookmarks (8)

clear filters

frontend ×

Unlocking HTML's Hidden Powers

hackernoon.com

frontend html html-features html-guide markup
1
What Happens When You Click a URL: DNS Lookup, TCP Handshake & HTTP Request

hackernoon.com

DNS stands for Domain Name System, and it is a huge database where domain names are stored with their...
DNS stands for Domain Name System, and it is a huge database where domain names are stored with their corresponding IP addresses You could think of it as the phone book of the internet.

backend dns frontend networking tcp
1
Maps on the Web Using React and Mapbox

hackernoon.com

I will illustrate how to use Mapbox with React and explain how these technologies work together.

engineering frontend javascript mapbox maps
1
Creating A Custom Plugin for Vite: The Easiest Guide

hackernoon.com

For the development server, it uses esbuild with native ES modules, which are supported by modern...
For the development server, it uses esbuild with native ES modules, which are supported by modern browsers, and we don’t need to bundle code into a single file, and it gives us fast HRM (Hot Module Replacement). For the bundle, it uses a rollup.js because it’s flexible and has a large ecosystem; it allows the creation of highly optimized production bundles with different output...

create-custom-vite-plugin create-plugins-tutorial frontend hackernoon-top-story rollup
1
Svelte UI: The JS Framework Shaping Tomorrow's Web Development

hackernoon.com

Svelte, a modern JavaScript UI framework, has emerged as a powerful contender thanks to its unique...
Svelte, a modern JavaScript UI framework, has emerged as a powerful contender thanks to its unique architecture and ease of use. Uniquely designed, Svelte compiles your code to efficient, imperative code that directly updates the DOM, stepping away from the more traditional Virtual DOM employed by other JavaScript frameworks.

frontend javascript-development svelte svelte-framework ui-frameworks
1
Understanding Web Components And Custom Elements in HTML

hackernoon.com

frontend html javascript shadow-dom ui-development
1
Coding Interview Prep: Let's Test Your CSS

hackernoon.com

coding-interview coding-tips css frontend interview-questions
1
How to Create SVG Sprite With Icons

hackernoon.com

Developers often insert SVG directly into JSX. This is convenient to use, but it increases the...
Developers often insert SVG directly into JSX. This is convenient to use, but it increases the JS bundle size. In the pursuit of optimization, I decided to find another way of using SVG icons without cluttering the bundle. We will talk about SVG sprites, what they are, how to use them, and what tools are available for working with them. Starting with theory, we...

frontend how-to-create-svg-sprite svg vite webpack
1

~hackernoon | Bookmarks (8)

Tags

Domains

Unlocking HTML's Hidden Powers

What Happens When You Click a URL: DNS Lookup, TCP Handshake & HTTP Request

Maps on the Web Using React and Mapbox

Creating A Custom Plugin for Vite: The Easiest Guide

Svelte UI: The JS Framework Shaping Tomorrow's Web Development

Understanding Web Components And Custom Elements in HTML

Coding Interview Prep: Let's Test Your CSS

How to Create SVG Sprite With Icons