Skip to content

Commit 1b27910

Browse files
committed
fix: explora sequence
1 parent dcfb5ee commit 1b27910

File tree

7 files changed

+16
-33
lines changed

7 files changed

+16
-33
lines changed

app/explora/exploras/webassembly-tutorial/ch02-setting-developement-enviroment.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Setting Up Development Environment"
2+
title: Setting Up Development Environment
33
publishedAt: "2025-07-03"
44
summary: "Set up a robust Emscripten SDK and compiler toolchain step-by-step. Build and debug your first WebAssembly module without hassle or guesswork."
55
image: "/images/javascript-frameworks.png"

app/explora/exploras/webassembly-tutorial/ch03-wasm-module.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: "Your First WebAssembly Module"
2+
title: Your First WebAssembly Module
33
publishedAt: "2025-07-03"
44
summary: "Build your first real WebAssembly module: compile C++ to wasm, avoid common pitfalls, and unlock blazing web app speed—step-by-step guide!"
55
image: "/images/javascript-frameworks.png"

app/explora/exploras/webassembly-tutorial/ch04-js-wasm-integration.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: "The Hidden Friction (and Big Rewards) of JS-WASM Integration"
2+
title: The Hidden Friction (and Big Rewards) of JS-WASM Integration
33
publishedAt: "2025-07-03"
44
summary: "The secrets of JavaScript and WebAssembly integration: efficient module loading, data marshaling, async patterns, and advanced interop tips for high-performance apps."
55
image: "/images/javascript-frameworks.png"

app/explora/exploras/webassembly-tutorial/ch05-wasm-memory.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Out of Memory—and Out of Luck? WebAssembly Memory Management"
2+
title: Out of Memory—and Out of Luck? WebAssembly Memory Management
33
publishedAt: "2025-07-03"
44
summary: "WebAssembly-powered web app—once sleek and fast—starts misbehaving. Unexpected crashes, weird visual glitches, maybe even a cryptic “out of memory” error haunting your console. You scramble to debug, but nothing jumps out."
55
image: "/images/javascript-frameworks.png"

app/explora/exploras/webassembly-tutorial/ch06-js-wasm-data-marshaling.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: WebAssembly Advanced Data Types & Structures: Strings, Arrays, and the Serialization Nightmare"
2+
title: WebAssembly Advanced Data Types & Structures: Strings, Arrays, and the Serialization Nightmare
33
publishedAt: "2025-07-03"
44
summary: "Master passing complex data between JS and WebAssembly: strings, arrays, structs, and tips to avoid bugs and unlock blazing web app speed."
55
image: "/images/javascript-frameworks.png"

app/explora/exploras/webassembly-tutorial/overview.mdx

Lines changed: 5 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,19 @@
11
---
2-
title: Learn WebAssembly: From Basics to Real-World Applications"
2+
title: Learn WebAssembly: From Basics to Real-World Applications
33
publishedAt: "2025-07-03"
44
summary: "Start from the fundamentals and progress through hands-on modules, JavaScript integration, memory management, advanced data handling, performance optimization, threading, and real-world projects."
55
image: "/images/javascript-frameworks.png"
66
---
77

8-
Start with this: **WebAssembly is not another scripting language**. It’s a _portable, low-level bytecode_—think of it as a set of instructions so close to a computer’s native language that it can run at near-machine speeds. But unlike machine code, Wasm is designed to be safe, sandboxed, and universally compatible across browsers.
8+
**WebAssembly is not another scripting language**. It’s a _portable, low-level bytecode_—think of it as a set of instructions so close to a computer’s native language that it can run at near-machine speeds. But unlike machine code, Wasm is designed to be safe, sandboxed, and universally compatible across browsers.
99

1010
When you write code in languages like C, C++, or Rust, you can compile it into WebAssembly rather than to an operating system’s machine code. The output? A compact binary file (the `.wasm` file) that browsers can load and run alongside—or even instead of—JavaScript.
1111

1212
But here’s the kicker: you don’t have to abandon JavaScript. WebAssembly is designed to complement it. They interact through a well-defined bridge, letting you delegate your web app’s heavy lifting to Wasm, while using JavaScript for DOM manipulation and higher-level orchestration.
1313

14-
**Key Takeaway:**
15-
16-
WebAssembly is a common binary format for running high-performance code, written in many languages, safely and efficiently _inside your browser_.
17-
1814
---
1915

20-
## Why WebAssembly? Beyond the Buzz—The Real Performance Edge
16+
## Why WebAssembly?
2117

2218
Let’s be honest. You’re probably thinking: _Is Wasm just hype? Can it really outperform JavaScript by that much?_ Here’s what most blogs gloss over:
2319

@@ -76,7 +72,7 @@ Let’s break it down, step by step, minus the jargon.
7672

7773
---
7874

79-
## Browser Support: No More "Coming Soon"
75+
## Browser Support
8076

8177
This isn’t a science experiment or some “works in Chrome, but not Safari” scenario. As of now:
8278

@@ -105,25 +101,7 @@ Devtools in every browser let you inspect Wasm modules, step through source maps
105101

106102
The Wasm runtime is vigorously sandboxed, with no arbitrary disk or network access outside of what your JS environment gives it. Security researchers praise Wasm for “default safe-by-design”—a rarity in the web world.
107103

108-
---
109-
110-
## Quickfire FAQ: Debunking Big Misconceptions
111-
112-
**Q: Is Wasm only for heavy apps or games?**
113-
114-
A: Nope. Any performance-critical task—or legacy code reuse—can benefit.
115-
116-
**Q: Is learning WebAssembly hard?**
117-
118-
A: If you’re comfortable with basic compilation and JS, you’re halfway there. Toolchains, examples, and docs have improved massively in recent years.
119-
120-
**Q: Can I use Wasm without leaving JavaScript?**
121-
122-
A: Absolutely. Most apps will remain a mix, using Wasm for speed and JS for “glue.”
123-
124-
---
125-
126-
## Wrapping Up: Your First Step into WebAssembly
104+
## Your First Step into WebAssembly
127105

128106
Here’s the bottom line: WebAssembly isn’t a distant future—it’s the quietly thriving power-up already reshaping the web’s limits. It gives you, the developer, a new toolset for building apps previously unthinkable for browsers.
129107

app/explora/page.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,12 @@ export const metadata: Metadata = {
1010
};
1111

1212
const Page = () => {
13-
const explorations = getExplorations();
13+
const explorations = getExplorations().sort((a, b) => {
14+
if (new Date(a.metadata.publishedAt) > new Date(b.metadata.publishedAt)) {
15+
return -1;
16+
}
17+
return 1;
18+
});
1419

1520
return (
1621
<>

0 commit comments

Comments
 (0)